@pie-element/charting 7.1.2-next.36 → 7.1.2-next.44

package/configure/lib/correct-response.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.CorrectResponse = void 0;
+exports.getUpdatedCategories = exports["default"] = exports.CorrectResponse = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -39,6 +39,8 @@ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
 var _excluded = ["editable", "interactive", "deletable"],
@@ -147,6 +149,45 @@ var removeCategory = function removeCategory(correctAnswer, data, positionToRemo
   return addCategoryProps(correctAnswerData, data);
 };
 
+var getUpdatedCategories = function getUpdatedCategories(nextProps, prevProps, prevState) {
+  var nextData = nextProps && nextProps.model && nextProps.model.data || [];
+  var data = prevProps && prevProps.model && prevProps.model.data || [];
+  var nextCorrectAnswerDataCopy = (0, _cloneDeep["default"])(nextProps && nextProps.model && nextProps.model.correctAnswer && nextProps.model.correctAnswer.data || []);
+  var categoriesCopy = (0, _cloneDeep["default"])(prevState ? prevState.categories : []);
+  var nextCategories = []; // Handle categories insertion in Define Chart
+
+  if (nextData.length > data.length) {
+    nextCategories = insertCategory(nextCorrectAnswerDataCopy, nextData);
+    return nextCategories;
+  } // Handle categories removal from Define Chart
+
+
+  if (nextData.length < data.length) {
+    var removedIndex = data.findIndex(function (item, index) {
+      return item.index !== index;
+    });
+    removedIndex = removedIndex === -1 ? nextData.length : removedIndex;
+    nextCategories = removeCategory(categoriesCopy, nextData, removedIndex);
+    return nextCategories;
+  } // Handle category value or label changes in Define Chart
+  // Handle categories update in Define Correct Response Chart
+
+
+  nextCategories = updateCorrectResponseData(nextCorrectAnswerDataCopy, nextData);
+  nextCorrectAnswerDataCopy.forEach(function (answer, currentIndex) {
+    var dataExists = currentIndex < nextData.length;
+    nextCorrectAnswerDataCopy[currentIndex] = {
+      editable: dataExists ? nextData[currentIndex].editable : true,
+      interactive: dataExists ? nextData[currentIndex].interactive : true,
+      label: dataExists && nextData[currentIndex].editable ? answer.label : dataExists ? nextData[currentIndex].label : answer.label,
+      value: dataExists && nextData[currentIndex].interactive ? answer.value : dataExists ? nextData[currentIndex].value : answer.value
+    };
+  });
+  return nextCategories;
+};
+
+exports.getUpdatedCategories = getUpdatedCategories;
+
 var CorrectResponse = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(CorrectResponse, _React$Component);
 
@@ -185,75 +226,9 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
   }
 
   (0, _createClass2["default"])(CorrectResponse, [{
-    key: "getUpdatedCategories",
-    value: function getUpdatedCategories(nextProps) {
-      var prevProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props;
-      var prevState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.state;
-      var nextData = nextProps.model.data || [];
-      var data = prevProps.model.data || [];
-      var nextCorrectAnswerData = nextProps.model.correctAnswer.data || [];
-      var categories = prevState ? prevState.categories : [];
-      var nextCategories = [];
-
-      if (nextData.length > data.length) {
-        nextCategories = insertCategory(nextCorrectAnswerData, nextData);
-      }
-
-      if (nextData.length < data.length) {
-        var removedIndex = nextData.length; // we need to remove the category from the correct answer data and categories, from the same index it was removed from the data
-        // index is a property of the nextData category
-
-        for (var index = 0; index < nextData.length; index++) {
-          if (nextData[index].index !== index) {
-            removedIndex = index;
-            break;
-          }
-        }
-
-        (this.props.model.correctAnswer.data || []).splice(removedIndex, 1);
-        nextCategories = removeCategory(categories, nextData, removedIndex);
-        return nextCategories;
-      }
-
-      if (nextCorrectAnswerData.length > 0 && !(0, _isEqual["default"])(nextCorrectAnswerData, this.props.model.correctAnswer.data)) {
-        nextCategories = nextCorrectAnswerData.map(function (correct, index) {
-          return _objectSpread(_objectSpread({}, correct), {}, {
-            editable: index < data.length ? data[index].editable : true,
-            interactive: index < data.length ? data[index].interactive : true
-          });
-        });
-      } else if ((0, _isEmpty["default"])(nextCategories)) {
-        nextCategories = updateCorrectResponseData(nextCorrectAnswerData, nextData);
-        nextCorrectAnswerData.map(function (answer, currentIndex) {
-          var dataExists = currentIndex < nextData.length;
-          var label;
-          var value;
-
-          if (dataExists) {
-            label = nextData[currentIndex].editable ? answer.label : nextData[currentIndex].label;
-            value = nextData[currentIndex].interactive ? answer.value : nextData[currentIndex].value;
-          } else {
-            label = answer.label;
-            value = answer.value;
-          }
-
-          nextCorrectAnswerData[currentIndex] = {
-            label: label,
-            value: value
-          };
-        });
-      }
-
-      if (!(0, _isEqual["default"])(nextCategories, data) || !(0, _isEqual["default"])(nextCorrectAnswerData, prevProps.model.correctAnswer.data) || !(0, _isEqual["default"])(nextCategories, categories) || (0, _isEmpty["default"])(nextCategories) && (0, _isEmpty["default"])(data)) {
-        return nextCategories;
-      }
-
-      return null;
-    }
-  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var initialCategories = this.getUpdatedCategories(this.props, this.props, null);
+      var initialCategories = getUpdatedCategories(this.props, this.props, null);
       this.setState({
         categories: initialCategories || updateCorrectResponseData(this.props.model.correctAnswer.data, this.props.model.data)
       });
@@ -261,15 +236,7 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      var _this$state$categorie;
-
-      var nextCategories = this.getUpdatedCategories(this.props, prevProps, prevState); // this check is needed when all the categories are removed from Chart1
-
-      if ((nextCategories === null || nextCategories === void 0 ? void 0 : nextCategories.length) === 0 && ((_this$state$categorie = this.state.categories) === null || _this$state$categorie === void 0 ? void 0 : _this$state$categorie.length) === 0 && prevProps.model.data.length > 0) {
-        this.setState({
-          categories: nextCategories
-        });
-      }
+      var nextCategories = getUpdatedCategories(this.props, prevProps, prevState);
 
       if (nextCategories && !(0, _isEqual["default"])(nextCategories, this.state.categories)) {
         this.changeData(nextCategories);
@@ -281,8 +248,6 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$props2 = this.props,
           classes = _this$props2.classes,
           model = _this$props2.model,
@@ -325,9 +290,7 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
         charts: charts,
         data: categories,
         title: model.title,
-        onDataChange: function onDataChange(data) {
-          return _this2.changeData(data);
-        },
+        onDataChange: this.changeData,
         addCategoryEnabled: model.addCategoryEnabled,
         categoryDefaultLabel: studentNewCategoryDefaultLabel,
         error: error,

package/configure/lib/correct-response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/correct-response.jsx"],"names":["styles","theme","container","marginBottom","spacing","unit","display","flex","button","marginTop","cursor","background","palette","grey","padding","width","borderRadius","column","chartError","border","error","main","errorText","fontSize","typography","color","paddingTop","title","addCategoryProps","correctAnswer","data","map","correct","index","editable","length","interactive","deletable","updateCorrectResponseData","correctAnswerData","correctResponseDefinition","forEach","category","currentIndex","label","value","missingCategories","slice","concat","insertCategory","positionToInsert","categoryToInsert","splice","removeCategory","positionToRemove","CorrectResponse","props","model","onChange","keepAttrs","state","categories","nextProps","prevProps","prevState","nextData","nextCorrectAnswerData","nextCategories","removedIndex","answer","dataExists","initialCategories","getUpdatedCategories","setState","changeData","classes","charts","studentNewCategoryDefaultLabel","correctAnswerErrors","mathMlOptions","domain","range","identicalError","categoriesError","name","chartType","graph","addCategoryEnabled","React","Component","PropTypes","object","isRequired","string","func","array"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/pie-toolbox/charting';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = (theme) => ({\n  container: {\n    marginBottom: theme.spacing.unit * 2.5,\n    display: 'flex',\n    flex: 1,\n  },\n  button: {\n    marginTop: theme.spacing.unit * 3,\n    cursor: 'pointer',\n    background: theme.palette.grey[200],\n    padding: theme.spacing.unit * 2,\n    width: 'fit-content',\n    borderRadius: '4px',\n  },\n  column: {\n    flex: 1,\n  },\n  chartError: {\n    border: `2px solid ${theme.palette.error.main}`,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  title: {\n    marginBottom: theme.spacing.unit,\n  },\n});\n\nconst addCategoryProps = (correctAnswer, data) =>\n  correctAnswer.map((correct, index) => ({\n    ...correct,\n    editable: index < data.length ? data[index].editable : true,\n    interactive: index < data.length ? data[index].interactive : true,\n    deletable: index >= data.length ? true : false,\n  }));\n\nconst updateCorrectResponseData = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  const correctAnswerData = [...correctAnswer];\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const editable = category.editable;\n    const interactive = category.interactive;\n    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;\n    const value =\n      (interactive && correctAnswer[currentIndex]?.value) || (interactive && correctAnswer[currentIndex]?.value == 0)\n        ? correctAnswer[currentIndex].value\n        : category.value;\n\n    correctResponseDefinition[currentIndex] = {\n      label: label,\n      value: value,\n      editable: category.editable,\n      interactive: category.interactive,\n    };\n  });\n\n  if (correctResponseDefinition.length < correctAnswer.length) {\n    const missingCategories = (correctAnswerData || []).slice(correctResponseDefinition.length, correctAnswer.length);\n\n    return addCategoryProps((correctResponseDefinition || []).concat(missingCategories), data);\n  }\n\n  return correctResponseDefinition;\n};\n\nconst insertCategory = (correctAnswer, data) => {\n  const positionToInsert = data.length - 1;\n  // eslint-disable-next-line no-unused-vars\n  const { editable, interactive, deletable, ...categoryToInsert } = data[data.length - 1];\n\n  (correctAnswer || []).splice(positionToInsert, 0, categoryToInsert);\n  const correctAnswerData = [...correctAnswer];\n\n  return addCategoryProps(correctAnswerData, data);\n};\n\nconst removeCategory = (correctAnswer, data, positionToRemove) => {\n  (correctAnswer || []).splice(positionToRemove, 1);\n  const correctAnswerData = [...correctAnswer];\n\n  return addCategoryProps(correctAnswerData, data);\n};\n\nexport class CorrectResponse extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correctAnswerErrors: PropTypes.object,\n    studentNewCategoryDefaultLabel: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\n    error: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      categories: [],\n    };\n  }\n\n  changeData = (data) => {\n    const { model, onChange } = this.props;\n    const { correctAnswer } = model || {};\n\n    onChange({\n      ...model,\n      correctAnswer: {\n        ...correctAnswer,\n        // eslint-disable-next-line no-unused-vars\n        data: data.map(({ interactive, editable, index, ...keepAttrs }) => keepAttrs),\n      },\n    });\n  };\n\n  getUpdatedCategories(nextProps, prevProps = this.props, prevState = this.state) {\n    const nextData = nextProps.model.data || [];\n    const data = prevProps.model.data || [];\n    const nextCorrectAnswerData = nextProps.model.correctAnswer.data || [];\n    const categories = prevState ? prevState.categories : [];\n\n    let nextCategories = [];\n    if (nextData.length > data.length) {\n      nextCategories = insertCategory(nextCorrectAnswerData, nextData);\n    }\n\n    if (nextData.length < data.length) {\n      let removedIndex = nextData.length;\n\n      // we need to remove the category from the correct answer data and categories, from the same index it was removed from the data\n      // index is a property of the nextData category\n      for (let index = 0; index < nextData.length; index++) {\n        if (nextData[index].index !== index) {\n          removedIndex = index;\n          break;\n        }\n      }\n\n      (this.props.model.correctAnswer.data || []).splice(removedIndex, 1);\n      nextCategories = removeCategory(categories, nextData, removedIndex);\n      return nextCategories;\n    }\n\n    if (nextCorrectAnswerData.length > 0 && !isEqual(nextCorrectAnswerData, this.props.model.correctAnswer.data)) {\n      nextCategories = nextCorrectAnswerData.map((correct, index) => ({\n        ...correct,\n        editable: index < data.length ? data[index].editable : true,\n        interactive: index < data.length ? data[index].interactive : true,\n      }));\n    } else if (isEmpty(nextCategories)) {\n      nextCategories = updateCorrectResponseData(nextCorrectAnswerData, nextData);\n\n      nextCorrectAnswerData.map((answer, currentIndex) => {\n        const dataExists = currentIndex < nextData.length;\n        let label;\n        let value;\n\n        if (dataExists) {\n          label = nextData[currentIndex].editable ? answer.label : nextData[currentIndex].label;\n          value = nextData[currentIndex].interactive ? answer.value : nextData[currentIndex].value;\n        } else {\n          label = answer.label;\n          value = answer.value;\n        }\n\n        nextCorrectAnswerData[currentIndex] = {\n          label: label,\n          value: value,\n        };\n      });\n    }\n\n    if (\n      !isEqual(nextCategories, data) ||\n      !isEqual(nextCorrectAnswerData, prevProps.model.correctAnswer.data) ||\n      !isEqual(nextCategories, categories) ||\n      (isEmpty(nextCategories) && isEmpty(data))\n    ) {\n      return nextCategories;\n    }\n\n    return null;\n  }\n\n  componentDidMount() {\n    const initialCategories = this.getUpdatedCategories(this.props, this.props, null);\n\n    this.setState({\n      categories:\n        initialCategories || updateCorrectResponseData(this.props.model.correctAnswer.data, this.props.model.data),\n    });\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const nextCategories = this.getUpdatedCategories(this.props, prevProps, prevState);\n\n    // this check is needed when all the categories are removed from Chart1\n    if (nextCategories?.length === 0 && this.state.categories?.length === 0 && prevProps.model.data.length > 0) {\n      this.setState({ categories: nextCategories });\n    }\n\n    if (nextCategories && !isEqual(nextCategories, this.state.categories)) {\n      this.changeData(nextCategories);\n      this.setState({ categories: nextCategories });\n    }\n  }\n\n  render() {\n    const { classes, model, charts, error, studentNewCategoryDefaultLabel, correctAnswerErrors, mathMlOptions = {} } = this.props;\n    const { categories } = this.state;\n    const { domain = {}, range = {} } = model || {};\n    const { identicalError, categoriesError } = correctAnswerErrors || {};\n\n    return (\n      <div>\n        <div className={classes.title}>Define Correct Response</div>\n        <div className={classes.container}>\n          <div className={classes.column} key=\"graph\">\n            <Typography component=\"div\" type=\"body1\">\n              <span>Use the tools below to define the correct answer.</span>\n            </Typography>\n\n            <div\n              key={`correct-response-graph-${model.correctAnswer.name}`}\n              className={identicalError || categoriesError ? classes.chartError : ''}\n            >\n              <Chart\n                chartType={model.chartType}\n                size={model.graph}\n                domain={domain}\n                range={range}\n                charts={charts}\n                data={categories}\n                title={model.title}\n                onDataChange={(data) => this.changeData(data)}\n                addCategoryEnabled={model.addCategoryEnabled}\n                categoryDefaultLabel={studentNewCategoryDefaultLabel}\n                error={error}\n                mathMlOptions={mathMlOptions}\n              />\n            </div>\n\n            {(identicalError || categoriesError) && (\n              <Typography component=\"div\" type=\"body1\" className={classes.errorText}>\n                <span>{identicalError || categoriesError}</span>\n              </Typography>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(CorrectResponse);\n"],"file":"correct-response.js"}
+{"version":3,"sources":["../src/correct-response.jsx"],"names":["styles","theme","container","marginBottom","spacing","unit","display","flex","button","marginTop","cursor","background","palette","grey","padding","width","borderRadius","column","chartError","border","error","main","errorText","fontSize","typography","color","paddingTop","title","addCategoryProps","correctAnswer","data","map","correct","index","editable","length","interactive","deletable","updateCorrectResponseData","correctAnswerData","correctResponseDefinition","forEach","category","currentIndex","label","value","missingCategories","slice","concat","insertCategory","positionToInsert","categoryToInsert","splice","removeCategory","positionToRemove","getUpdatedCategories","nextProps","prevProps","prevState","nextData","model","nextCorrectAnswerDataCopy","categoriesCopy","categories","nextCategories","removedIndex","findIndex","item","answer","dataExists","CorrectResponse","props","onChange","keepAttrs","state","initialCategories","setState","changeData","classes","charts","studentNewCategoryDefaultLabel","correctAnswerErrors","mathMlOptions","domain","range","identicalError","categoriesError","name","chartType","graph","addCategoryEnabled","React","Component","PropTypes","object","isRequired","string","func","array"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,GAD1B;AAETC,MAAAA,OAAO,EAAE,MAFA;AAGTC,MAAAA,IAAI,EAAE;AAHG,KADc;AAMzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAER,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CAD1B;AAENK,MAAAA,MAAM,EAAE,SAFF;AAGNC,MAAAA,UAAU,EAAEV,KAAK,CAACW,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAHN;AAINC,MAAAA,OAAO,EAAEb,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CAJxB;AAKNU,MAAAA,KAAK,EAAE,aALD;AAMNC,MAAAA,YAAY,EAAE;AANR,KANiB;AAczBC,IAAAA,MAAM,EAAE;AACNV,MAAAA,IAAI,EAAE;AADA,KAdiB;AAiBzBW,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,sBAAelB,KAAK,CAACW,OAAN,CAAcQ,KAAd,CAAoBC,IAAnC;AADI,KAjBa;AAoBzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAEtB,KAAK,CAACuB,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAExB,KAAK,CAACW,OAAN,CAAcQ,KAAd,CAAoBC,IAFlB;AAGTK,MAAAA,UAAU,EAAEzB,KAAK,CAACG,OAAN,CAAcC;AAHjB,KApBc;AAyBzBsB,IAAAA,KAAK,EAAE;AACLxB,MAAAA,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAcC;AADvB;AAzBkB,GAAZ;AAAA,CAAf;;AA8BA,IAAMuB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,aAAD,EAAgBC,IAAhB;AAAA,SACvBD,aAAa,CAACE,GAAd,CAAkB,UAACC,OAAD,EAAUC,KAAV;AAAA,2CACbD,OADa;AAEhBE,MAAAA,QAAQ,EAAED,KAAK,GAAGH,IAAI,CAACK,MAAb,GAAsBL,IAAI,CAACG,KAAD,CAAJ,CAAYC,QAAlC,GAA6C,IAFvC;AAGhBE,MAAAA,WAAW,EAAEH,KAAK,GAAGH,IAAI,CAACK,MAAb,GAAsBL,IAAI,CAACG,KAAD,CAAJ,CAAYG,WAAlC,GAAgD,IAH7C;AAIhBC,MAAAA,SAAS,EAAEJ,KAAK,IAAIH,IAAI,CAACK,MAAd,GAAuB,IAAvB,GAA8B;AAJzB;AAAA,GAAlB,CADuB;AAAA,CAAzB;;AAQA,IAAMG,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACT,aAAD,EAAgBC,IAAhB,EAAyB;AACzD,MAAI,CAACD,aAAL,EAAoB;AAClB,WAAOC,IAAP;AACD;;AAED,MAAMS,iBAAiB,uCAAOV,aAAP,CAAvB;AACA,MAAIW,yBAAyB,GAAG,EAAhC;AAEA,GAACV,IAAI,IAAI,EAAT,EAAaW,OAAb,CAAqB,UAACC,QAAD,EAAWC,YAAX,EAA4B;AAAA;;AAC/C,QAAMT,QAAQ,GAAGQ,QAAQ,CAACR,QAA1B;AACA,QAAME,WAAW,GAAGM,QAAQ,CAACN,WAA7B;AACA,QAAMQ,KAAK,GAAGV,QAAQ,6BAAIL,aAAa,CAACc,YAAD,CAAjB,kDAAI,sBAA6BC,KAAzC,GAAiDf,aAAa,CAACc,YAAD,CAAb,CAA4BC,KAA7E,GAAqFF,QAAQ,CAACE,KAA5G;AACA,QAAMC,KAAK,GACRT,WAAW,8BAAIP,aAAa,CAACc,YAAD,CAAjB,mDAAI,uBAA6BE,KAA7C,IAAwDT,WAAW,IAAI,2BAAAP,aAAa,CAACc,YAAD,CAAb,kFAA6BE,KAA7B,KAAsC,CAA7G,GACIhB,aAAa,CAACc,YAAD,CAAb,CAA4BE,KADhC,GAEIH,QAAQ,CAACG,KAHf;AAKAL,IAAAA,yBAAyB,CAACG,YAAD,CAAzB,GAA0C;AACxCC,MAAAA,KAAK,EAAEA,KADiC;AAExCC,MAAAA,KAAK,EAAEA,KAFiC;AAGxCX,MAAAA,QAAQ,EAAEQ,QAAQ,CAACR,QAHqB;AAIxCE,MAAAA,WAAW,EAAEM,QAAQ,CAACN;AAJkB,KAA1C;AAMD,GAfD;;AAiBA,MAAII,yBAAyB,CAACL,MAA1B,GAAmCN,aAAa,CAACM,MAArD,EAA6D;AAC3D,QAAMW,iBAAiB,GAAG,CAACP,iBAAiB,IAAI,EAAtB,EAA0BQ,KAA1B,CAAgCP,yBAAyB,CAACL,MAA1D,EAAkEN,aAAa,CAACM,MAAhF,CAA1B;AAEA,WAAOP,gBAAgB,CAAC,CAACY,yBAAyB,IAAI,EAA9B,EAAkCQ,MAAlC,CAAyCF,iBAAzC,CAAD,EAA8DhB,IAA9D,CAAvB;AACD;;AAED,SAAOU,yBAAP;AACD,CAhCD;;AAkCA,IAAMS,cAAc,GAAG,SAAjBA,cAAiB,CAACpB,aAAD,EAAgBC,IAAhB,EAAyB;AAC9C,MAAMoB,gBAAgB,GAAGpB,IAAI,CAACK,MAAL,GAAc,CAAvC,CAD8C,CAE9C;;AACA,cAAkEL,IAAI,CAACA,IAAI,CAACK,MAAL,GAAc,CAAf,CAAtE;AAAA,MAAQD,QAAR,SAAQA,QAAR;AAAA,MAAkBE,WAAlB,SAAkBA,WAAlB;AAAA,MAA+BC,SAA/B,SAA+BA,SAA/B;AAAA,MAA6Cc,gBAA7C;AAEA,GAACtB,aAAa,IAAI,EAAlB,EAAsBuB,MAAtB,CAA6BF,gBAA7B,EAA+C,CAA/C,EAAkDC,gBAAlD;AACA,MAAMZ,iBAAiB,uCAAOV,aAAP,CAAvB;AAEA,SAAOD,gBAAgB,CAACW,iBAAD,EAAoBT,IAApB,CAAvB;AACD,CATD;;AAWA,IAAMuB,cAAc,GAAG,SAAjBA,cAAiB,CAACxB,aAAD,EAAgBC,IAAhB,EAAsBwB,gBAAtB,EAA2C;AAChE,GAACzB,aAAa,IAAI,EAAlB,EAAsBuB,MAAtB,CAA6BE,gBAA7B,EAA+C,CAA/C;AACA,MAAMf,iBAAiB,uCAAOV,aAAP,CAAvB;AAEA,SAAOD,gBAAgB,CAACW,iBAAD,EAAoBT,IAApB,CAAvB;AACD,CALD;;AAOO,IAAMyB,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,SAAD,EAAYC,SAAZ,EAAuBC,SAAvB,EAAqC;AACvE,MAAMC,QAAQ,GAAIH,SAAS,IAAIA,SAAS,CAACI,KAAvB,IAAgCJ,SAAS,CAACI,KAAV,CAAgB9B,IAAjD,IAA0D,EAA3E;AACA,MAAMA,IAAI,GAAI2B,SAAS,IAAIA,SAAS,CAACG,KAAvB,IAAgCH,SAAS,CAACG,KAAV,CAAgB9B,IAAjD,IAA0D,EAAvE;AACA,MAAM+B,yBAAyB,GAAG,2BAAWL,SAAS,IAAIA,SAAS,CAACI,KAAvB,IAAgCJ,SAAS,CAACI,KAAV,CAAgB/B,aAAhD,IAAiE2B,SAAS,CAACI,KAAV,CAAgB/B,aAAhB,CAA8BC,IAAhG,IAAyG,EAAnH,CAAlC;AAEA,MAAMgC,cAAc,GAAG,2BAAUJ,SAAS,GAAGA,SAAS,CAACK,UAAb,GAA0B,EAA7C,CAAvB;AAEA,MAAIC,cAAc,GAAG,EAArB,CAPuE,CASvE;;AACA,MAAIL,QAAQ,CAACxB,MAAT,GAAkBL,IAAI,CAACK,MAA3B,EAAmC;AACjC6B,IAAAA,cAAc,GAAGf,cAAc,CAACY,yBAAD,EAA4BF,QAA5B,CAA/B;AACA,WAAOK,cAAP;AACD,GAbsE,CAevE;;;AACA,MAAIL,QAAQ,CAACxB,MAAT,GAAkBL,IAAI,CAACK,MAA3B,EAAmC;AACjC,QAAI8B,YAAY,GAAGnC,IAAI,CAACoC,SAAL,CAAe,UAACC,IAAD,EAAOlC,KAAP;AAAA,aAAiBkC,IAAI,CAAClC,KAAL,KAAeA,KAAhC;AAAA,KAAf,CAAnB;AACAgC,IAAAA,YAAY,GAAGA,YAAY,KAAK,CAAC,CAAlB,GAAsBN,QAAQ,CAACxB,MAA/B,GAAwC8B,YAAvD;AAEAD,IAAAA,cAAc,GAAGX,cAAc,CAACS,cAAD,EAAiBH,QAAjB,EAA2BM,YAA3B,CAA/B;AACA,WAAOD,cAAP;AACD,GAtBsE,CAwBvE;AACA;;;AACAA,EAAAA,cAAc,GAAG1B,yBAAyB,CAACuB,yBAAD,EAA4BF,QAA5B,CAA1C;AAEAE,EAAAA,yBAAyB,CAACpB,OAA1B,CAAkC,UAAC2B,MAAD,EAASzB,YAAT,EAA0B;AAC1D,QAAM0B,UAAU,GAAG1B,YAAY,GAAGgB,QAAQ,CAACxB,MAA3C;AACA0B,IAAAA,yBAAyB,CAAClB,YAAD,CAAzB,GAA0C;AACxCT,MAAAA,QAAQ,EAAEmC,UAAU,GAAGV,QAAQ,CAAChB,YAAD,CAAR,CAAuBT,QAA1B,GAAqC,IADjB;AAExCE,MAAAA,WAAW,EAAEiC,UAAU,GAAGV,QAAQ,CAAChB,YAAD,CAAR,CAAuBP,WAA1B,GAAwC,IAFvB;AAGxCQ,MAAAA,KAAK,EACHyB,UAAU,IAAIV,QAAQ,CAAChB,YAAD,CAAR,CAAuBT,QAArC,GACIkC,MAAM,CAACxB,KADX,GAEIyB,UAAU,GACVV,QAAQ,CAAChB,YAAD,CAAR,CAAuBC,KADb,GAEVwB,MAAM,CAACxB,KAR2B;AASxCC,MAAAA,KAAK,EACHwB,UAAU,IAAIV,QAAQ,CAAChB,YAAD,CAAR,CAAuBP,WAArC,GACIgC,MAAM,CAACvB,KADX,GAEIwB,UAAU,GACVV,QAAQ,CAAChB,YAAD,CAAR,CAAuBE,KADb,GAEVuB,MAAM,CAACvB;AAd2B,KAA1C;AAgBD,GAlBD;AAoBA,SAAOmB,cAAP;AACD,CAjDM;;;;IAmDMM,e;;;;;AAWX,2BAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,mGAON,UAACzC,IAAD,EAAU;AACrB,wBAA4B,MAAKyC,KAAjC;AAAA,UAAQX,KAAR,eAAQA,KAAR;AAAA,UAAeY,QAAf,eAAeA,QAAf;;AACA,iBAA0BZ,KAAK,IAAI,EAAnC;AAAA,UAAQ/B,aAAR,QAAQA,aAAR;;AAEA2C,MAAAA,QAAQ,iCACHZ,KADG;AAEN/B,QAAAA,aAAa,kCACRA,aADQ;AAEX;AACAC,UAAAA,IAAI,EAAEA,IAAI,CAACC,GAAL,CAAS;AAAA,gBAAGK,WAAH,SAAGA,WAAH;AAAA,gBAAgBF,QAAhB,SAAgBA,QAAhB;AAAA,gBAA0BD,KAA1B,SAA0BA,KAA1B;AAAA,gBAAoCwC,SAApC;AAAA,mBAAoDA,SAApD;AAAA,WAAT;AAHK;AAFP,SAAR;AAQD,KAnBkB;AAEjB,UAAKC,KAAL,GAAa;AACXX,MAAAA,UAAU,EAAE;AADD,KAAb;AAFiB;AAKlB;;;;WAgBD,6BAAoB;AAClB,UAAMY,iBAAiB,GAAGpB,oBAAoB,CAAC,KAAKgB,KAAN,EAAa,KAAKA,KAAlB,EAAyB,IAAzB,CAA9C;AAEA,WAAKK,QAAL,CAAc;AACZb,QAAAA,UAAU,EACRY,iBAAiB,IAAIrC,yBAAyB,CAAC,KAAKiC,KAAL,CAAWX,KAAX,CAAiB/B,aAAjB,CAA+BC,IAAhC,EAAsC,KAAKyC,KAAL,CAAWX,KAAX,CAAiB9B,IAAvD;AAFpC,OAAd;AAID;;;WAED,4BAAmB2B,SAAnB,EAA8BC,SAA9B,EAAyC;AACvC,UAAMM,cAAc,GAAGT,oBAAoB,CAAC,KAAKgB,KAAN,EAAad,SAAb,EAAwBC,SAAxB,CAA3C;;AAEA,UAAIM,cAAc,IAAI,CAAC,yBAAQA,cAAR,EAAwB,KAAKU,KAAL,CAAWX,UAAnC,CAAvB,EAAuE;AACrE,aAAKc,UAAL,CAAgBb,cAAhB;AACA,aAAKY,QAAL,CAAc;AAAEb,UAAAA,UAAU,EAAEC;AAAd,SAAd;AACD;AACF;;;WAED,kBAAS;AACP,yBAQI,KAAKO,KART;AAAA,UACEO,OADF,gBACEA,OADF;AAAA,UAEElB,KAFF,gBAEEA,KAFF;AAAA,UAGEmB,MAHF,gBAGEA,MAHF;AAAA,UAIE3D,KAJF,gBAIEA,KAJF;AAAA,UAKE4D,8BALF,gBAKEA,8BALF;AAAA,UAMEC,mBANF,gBAMEA,mBANF;AAAA,+CAOEC,aAPF;AAAA,UAOEA,aAPF,sCAOkB,EAPlB;AASA,UAAQnB,UAAR,GAAuB,KAAKW,KAA5B,CAAQX,UAAR;;AAEA,kBAAoCH,KAAK,IAAI,EAA7C;AAAA,+BAAQuB,MAAR;AAAA,UAAQA,MAAR,6BAAiB,EAAjB;AAAA,8BAAqBC,KAArB;AAAA,UAAqBA,KAArB,4BAA6B,EAA7B;;AACA,kBAA4CH,mBAAmB,IAAI,EAAnE;AAAA,UAAQI,cAAR,SAAQA,cAAR;AAAA,UAAwBC,eAAxB,SAAwBA,eAAxB;;AAEA,0BACE,8CACE;AAAK,QAAA,SAAS,EAAER,OAAO,CAACnD;AAAxB,mCADF,eAEE;AAAK,QAAA,SAAS,EAAEmD,OAAO,CAAC5E;AAAxB,sBACE;AAAK,QAAA,SAAS,EAAE4E,OAAO,CAAC7D,MAAxB;AAAgC,QAAA,GAAG,EAAC;AAApC,sBACE,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAC,KAAtB;AAA4B,QAAA,IAAI,EAAC;AAAjC,sBACE,sFADF,CADF,eAKE;AACE,QAAA,GAAG,mCAA4B2C,KAAK,CAAC/B,aAAN,CAAoB0D,IAAhD,CADL;AAEE,QAAA,SAAS,EAAEF,cAAc,IAAIC,eAAlB,GAAoCR,OAAO,CAAC5D,UAA5C,GAAyD;AAFtE,sBAIE,oBAAC,eAAD;AACE,QAAA,SAAS,EAAE0C,KAAK,CAAC4B,SADnB;AAEE,QAAA,IAAI,EAAE5B,KAAK,CAAC6B,KAFd;AAGE,QAAA,MAAM,EAAEN,MAHV;AAIE,QAAA,KAAK,EAAEC,KAJT;AAKE,QAAA,MAAM,EAAEL,MALV;AAME,QAAA,IAAI,EAAEhB,UANR;AAOE,QAAA,KAAK,EAAEH,KAAK,CAACjC,KAPf;AAQE,QAAA,YAAY,EAAE,KAAKkD,UARrB;AASE,QAAA,kBAAkB,EAAEjB,KAAK,CAAC8B,kBAT5B;AAUE,QAAA,oBAAoB,EAAEV,8BAVxB;AAWE,QAAA,KAAK,EAAE5D,KAXT;AAYE,QAAA,aAAa,EAAE8D;AAZjB,QAJF,CALF,EAyBG,CAACG,cAAc,IAAIC,eAAnB,kBACC,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAC,KAAtB;AAA4B,QAAA,IAAI,EAAC,OAAjC;AAAyC,QAAA,SAAS,EAAER,OAAO,CAACxD;AAA5D,sBACE,kCAAO+D,cAAc,IAAIC,eAAzB,CADF,CA1BJ,CADF,CAFF,CADF;AAsCD;;;EAvGkCK,KAAK,CAACC,S;;;iCAA9BtB,e,eACQ;AACjBQ,EAAAA,OAAO,EAAEe,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,mBAAmB,EAAEY,sBAAUC,MAFd;AAGjBd,EAAAA,8BAA8B,EAAEa,sBAAUG,MAHzB;AAIjBpC,EAAAA,KAAK,EAAEiC,sBAAUC,MAAV,CAAiBC,UAJP;AAKjBvB,EAAAA,QAAQ,EAAEqB,sBAAUI,IAAV,CAAeF,UALR;AAMjBhB,EAAAA,MAAM,EAAEc,sBAAUK,KAND;AAOjB9E,EAAAA,KAAK,EAAEyE,sBAAUG;AAPA,C;;eAyGN,wBAAWhG,MAAX,EAAmBsE,eAAnB,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/pie-toolbox/charting';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = (theme) => ({\n  container: {\n    marginBottom: theme.spacing.unit * 2.5,\n    display: 'flex',\n    flex: 1,\n  },\n  button: {\n    marginTop: theme.spacing.unit * 3,\n    cursor: 'pointer',\n    background: theme.palette.grey[200],\n    padding: theme.spacing.unit * 2,\n    width: 'fit-content',\n    borderRadius: '4px',\n  },\n  column: {\n    flex: 1,\n  },\n  chartError: {\n    border: `2px solid ${theme.palette.error.main}`,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  title: {\n    marginBottom: theme.spacing.unit,\n  },\n});\n\nconst addCategoryProps = (correctAnswer, data) =>\n  correctAnswer.map((correct, index) => ({\n    ...correct,\n    editable: index < data.length ? data[index].editable : true,\n    interactive: index < data.length ? data[index].interactive : true,\n    deletable: index >= data.length ? true : false,\n  }));\n\nconst updateCorrectResponseData = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  const correctAnswerData = [...correctAnswer];\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const editable = category.editable;\n    const interactive = category.interactive;\n    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;\n    const value =\n      (interactive && correctAnswer[currentIndex]?.value) || (interactive && correctAnswer[currentIndex]?.value == 0)\n        ? correctAnswer[currentIndex].value\n        : category.value;\n\n    correctResponseDefinition[currentIndex] = {\n      label: label,\n      value: value,\n      editable: category.editable,\n      interactive: category.interactive,\n    };\n  });\n\n  if (correctResponseDefinition.length < correctAnswer.length) {\n    const missingCategories = (correctAnswerData || []).slice(correctResponseDefinition.length, correctAnswer.length);\n\n    return addCategoryProps((correctResponseDefinition || []).concat(missingCategories), data);\n  }\n\n  return correctResponseDefinition;\n};\n\nconst insertCategory = (correctAnswer, data) => {\n  const positionToInsert = data.length - 1;\n  // eslint-disable-next-line no-unused-vars\n  const { editable, interactive, deletable, ...categoryToInsert } = data[data.length - 1];\n\n  (correctAnswer || []).splice(positionToInsert, 0, categoryToInsert);\n  const correctAnswerData = [...correctAnswer];\n\n  return addCategoryProps(correctAnswerData, data);\n};\n\nconst removeCategory = (correctAnswer, data, positionToRemove) => {\n  (correctAnswer || []).splice(positionToRemove, 1);\n  const correctAnswerData = [...correctAnswer];\n\n  return addCategoryProps(correctAnswerData, data);\n};\n\nexport const getUpdatedCategories = (nextProps, prevProps, prevState) => {\n  const nextData = (nextProps && nextProps.model && nextProps.model.data) || [];\n  const data = (prevProps && prevProps.model && prevProps.model.data) || [];\n  const nextCorrectAnswerDataCopy = cloneDeep((nextProps && nextProps.model && nextProps.model.correctAnswer && nextProps.model.correctAnswer.data) || []);\n\n  const categoriesCopy = cloneDeep(prevState ? prevState.categories : []);\n\n  let nextCategories = [];\n\n  // Handle categories insertion in Define Chart\n  if (nextData.length > data.length) {\n    nextCategories = insertCategory(nextCorrectAnswerDataCopy, nextData);\n    return nextCategories;\n  }\n\n  // Handle categories removal from Define Chart\n  if (nextData.length < data.length) {\n    let removedIndex = data.findIndex((item, index) => item.index !== index);\n    removedIndex = removedIndex === -1 ? nextData.length : removedIndex;\n\n    nextCategories = removeCategory(categoriesCopy, nextData, removedIndex);\n    return nextCategories;\n  }\n\n  // Handle category value or label changes in Define Chart\n  // Handle categories update in Define Correct Response Chart\n  nextCategories = updateCorrectResponseData(nextCorrectAnswerDataCopy, nextData);\n\n  nextCorrectAnswerDataCopy.forEach((answer, currentIndex) => {\n    const dataExists = currentIndex < nextData.length;\n    nextCorrectAnswerDataCopy[currentIndex] = {\n      editable: dataExists ? nextData[currentIndex].editable : true,\n      interactive: dataExists ? nextData[currentIndex].interactive : true,\n      label:\n        dataExists && nextData[currentIndex].editable\n          ? answer.label\n          : dataExists\n          ? nextData[currentIndex].label\n          : answer.label,\n      value:\n        dataExists && nextData[currentIndex].interactive\n          ? answer.value\n          : dataExists\n          ? nextData[currentIndex].value\n          : answer.value,\n    };\n  });\n\n  return nextCategories;\n};\n\nexport class CorrectResponse extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correctAnswerErrors: PropTypes.object,\n    studentNewCategoryDefaultLabel: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\n    error: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      categories: [],\n    };\n  }\n\n  changeData = (data) => {\n    const { model, onChange } = this.props;\n    const { correctAnswer } = model || {};\n\n    onChange({\n      ...model,\n      correctAnswer: {\n        ...correctAnswer,\n        // eslint-disable-next-line no-unused-vars\n        data: data.map(({ interactive, editable, index, ...keepAttrs }) => keepAttrs),\n      },\n    });\n  };\n\n  componentDidMount() {\n    const initialCategories = getUpdatedCategories(this.props, this.props, null);\n\n    this.setState({\n      categories:\n        initialCategories || updateCorrectResponseData(this.props.model.correctAnswer.data, this.props.model.data),\n    });\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const nextCategories = getUpdatedCategories(this.props, prevProps, prevState);\n\n    if (nextCategories && !isEqual(nextCategories, this.state.categories)) {\n      this.changeData(nextCategories);\n      this.setState({ categories: nextCategories });\n    }\n  }\n\n  render() {\n    const {\n      classes,\n      model,\n      charts,\n      error,\n      studentNewCategoryDefaultLabel,\n      correctAnswerErrors,\n      mathMlOptions = {},\n    } = this.props;\n    const { categories } = this.state;\n\n    const { domain = {}, range = {} } = model || {};\n    const { identicalError, categoriesError } = correctAnswerErrors || {};\n\n    return (\n      <div>\n        <div className={classes.title}>Define Correct Response</div>\n        <div className={classes.container}>\n          <div className={classes.column} key=\"graph\">\n            <Typography component=\"div\" type=\"body1\">\n              <span>Use the tools below to define the correct answer.</span>\n            </Typography>\n\n            <div\n              key={`correct-response-graph-${model.correctAnswer.name}`}\n              className={identicalError || categoriesError ? classes.chartError : ''}\n            >\n              <Chart\n                chartType={model.chartType}\n                size={model.graph}\n                domain={domain}\n                range={range}\n                charts={charts}\n                data={categories}\n                title={model.title}\n                onDataChange={this.changeData}\n                addCategoryEnabled={model.addCategoryEnabled}\n                categoryDefaultLabel={studentNewCategoryDefaultLabel}\n                error={error}\n                mathMlOptions={mathMlOptions}\n              />\n            </div>\n\n            {(identicalError || categoriesError) && (\n              <Typography component=\"div\" type=\"body1\" className={classes.errorText}>\n                <span>{identicalError || categoriesError}</span>\n              </Typography>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(CorrectResponse);\n"],"file":"correct-response.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.1.2-next.36+2bab7efc9",
+  "version": "7.1.2-next.44+0e15a9c76",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -22,7 +22,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "2bab7efc9b28299846e506a28fd67395aae5243a",
+  "gitHead": "0e15a9c76e19cff2dd791799dbc94b4fdecd2417",
   "main": "lib/index.js",
   "module": "src/index.js"
 }