@pie-element/charting 2.7.18 → 2.7.20-beta.1443

package/configure/CHANGELOG.md

@@ -3,6 +3,381 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.4.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.3.0...@pie-element/charting-configure@5.4.0) (2023-01-17)
+
+
+### Bug Fixes
+
+* update pie-libs and update defaults ([f53fba9](https://github.com/pie-framework/pie-elements/commit/f53fba9cbed649e3b37895baa39855769781547f))
+
+
+### Features
+
+* update pie-libs ([6423903](https://github.com/pie-framework/pie-elements/commit/6423903898b041f56db2111de2e4aac4ee9f1fd3))
+
+
+
+
+
+# [5.3.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.2.3...@pie-element/charting-configure@5.3.0) (2023-01-05)
+
+
+### Features
+
+* update pie-libs ([b174476](https://github.com/pie-framework/pie-elements/commit/b174476729119a0689f1f8adfc8c235246676cab))
+* update pie-libs ([f72c3c8](https://github.com/pie-framework/pie-elements/commit/f72c3c8d8bc9bbf061bb81502317157a63c22972))
+* update pie-libs ([8490729](https://github.com/pie-framework/pie-elements/commit/8490729a2389d36fd3968f0806119fde96577842))
+* **charting:** added configuration prop to hide the settings panel PD-1999 ([a877144](https://github.com/pie-framework/pie-elements/commit/a8771441a7b62eaa061ccaee1ac8940fdcbb87be))
+
+
+
+
+
+## [5.2.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.2.2...@pie-element/charting-configure@5.2.3) (2022-12-21)
+
+
+### Bug Fixes
+
+* updated pie-libs ([8cb5b90](https://github.com/pie-framework/pie-elements/commit/8cb5b90d501ccbdf5ffd764e6555faa48b8f54d6))
+
+
+
+
+
+## [5.2.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.2.1...@pie-element/charting-configure@5.2.2) (2022-12-20)
+
+
+### Bug Fixes
+
+* updated pie-libs ([6549302](https://github.com/pie-framework/pie-elements/commit/65493026fbf356c5ab752ae6a14d961d4b256368))
+
+
+
+
+
+## [5.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.2.0...@pie-element/charting-configure@5.2.1) (2022-12-07)
+
+
+### Bug Fixes
+
+* update libs ([441f403](https://github.com/pie-framework/pie-elements/commit/441f403870b7bec0d61fab58b8d93dbe0ead4c32))
+* update libs for PD-2030 PD-2031 ([3174022](https://github.com/pie-framework/pie-elements/commit/3174022d45603ed217bbe8804a142b07084636a5))
+* updated lib PD-1715 ([42e788d](https://github.com/pie-framework/pie-elements/commit/42e788db0c792838994e55001952da7701251a8e))
+* updated libs ([c20de3a](https://github.com/pie-framework/pie-elements/commit/c20de3a6ba4499a090c809e18e52588d2a585fa0))
+* updated libs ([0eed79a](https://github.com/pie-framework/pie-elements/commit/0eed79a32c3b777c16c8cabf201513fc1d2726a0))
+* updated libs ([343c9ec](https://github.com/pie-framework/pie-elements/commit/343c9ec3dccba7f781e90ae2bd195cac6f78f467))
+
+
+
+
+
+# [5.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.1.2...@pie-element/charting-configure@5.2.0) (2022-11-15)
+
+
+### Bug Fixes
+
+* **charting:** fix typo ([136ba52](https://github.com/pie-framework/pie-elements/commit/136ba521354dc58b73f9038767005d50da2dab94))
+
+
+### Features
+
+* **charting:** add error messages for not valid correct response ([89de5ad](https://github.com/pie-framework/pie-elements/commit/89de5ad3b78ad2070db61b7808536b5d01c9cee0))
+* **charting:** add sanity checks ([fa86a09](https://github.com/pie-framework/pie-elements/commit/fa86a09b9ade0aae654b2b94e652b3146e5fdbf2))
+* **charting:** move validation function in controller ([e603e16](https://github.com/pie-framework/pie-elements/commit/e603e164cc206eec99488e48a52fc05989f919ea))
+* **charting:** validation for category labels ([d9a697e](https://github.com/pie-framework/pie-elements/commit/d9a697e15ab9c2059799c4695cc11b9d31b574f6))
+* **charting:** validation- work in progress ([1ac5501](https://github.com/pie-framework/pie-elements/commit/1ac5501b1842331861d93c0e51fa07fb8d0b8f42))
+
+
+
+
+
+## [5.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.1.1...@pie-element/charting-configure@5.1.2) (2022-11-11)
+
+
+### Bug Fixes
+
+* **charting:** add sanity checks for withRubric ([a4e7fdc](https://github.com/pie-framework/pie-elements/commit/a4e7fdc85a89f8e018f7797fbe242a03be44eaa7))
+* **drag-in-the-blank:** add sanity checks for withRubric ([709cdea](https://github.com/pie-framework/pie-elements/commit/709cdeaf53b19e44aab3be4250b01e8c50dcc645))
+
+
+
+
+
+## [5.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.1.0...@pie-element/charting-configure@5.1.1) (2022-10-31)
+
+
+### Bug Fixes
+
+* **charting:** add sanity checks for range and domain ([653e1e0](https://github.com/pie-framework/pie-elements/commit/653e1e0dea5f6a2453d17dfd2589e24509717775))
+
+
+
+
+
+# [5.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.10...@pie-element/charting-configure@5.1.0) (2022-10-17)
+
+
+### Bug Fixes
+
+* render math content in configure part PD-2082 ([732e5da](https://github.com/pie-framework/pie-elements/commit/732e5daa7da2a28a543c869133ef01733cd71818))
+* update snapshots ([9781596](https://github.com/pie-framework/pie-elements/commit/978159686bbbd6b727dff4b88ce4ab9606504586))
+
+
+### Features
+
+* set withRubric to false in item default configurations. Set rubricEnabled to true if it's enabled for drawing-response and extended-text-entry ([a209057](https://github.com/pie-framework/pie-elements/commit/a209057f5a3fa5438efc8595453c89c11959a8f5))
+* update libs ([7e174fb](https://github.com/pie-framework/pie-elements/commit/7e174fba75e7ea668900ad5c103751cefe33e2af))
+* **charting:** add pie-api config PD-23 ([b0f9e82](https://github.com/pie-framework/pie-elements/commit/b0f9e82c1c809b7f900b655aac6fce1375779679))
+* **charting:** add settings to enable rubric. Add withRubric prop to configuration and rubricEnabled prop to model PD-2094 ([a58f5af](https://github.com/pie-framework/pie-elements/commit/a58f5af7cc94f2c6e1debcdd51f62d19e36fed19))
+* **charting:** refactor ability to edit chart labels and title ([3d5be82](https://github.com/pie-framework/pie-elements/commit/3d5be82f1db8748d2adab0458137a3c9b7f17eb1))
+* **charting:** updated snapshot PD-2094 ([3c1b10c](https://github.com/pie-framework/pie-elements/commit/3c1b10c81f57598bc454aecb50dbbf9ecb1c517e))
+* enable spanish and special characters in author PD-2120 ([85fd3dd](https://github.com/pie-framework/pie-elements/commit/85fd3dd0fc10da1a2dfd5a842809c625790f8ba9))
+* **charting:** add uploadSoundSupport property PD-23-updated ([c17de2c](https://github.com/pie-framework/pie-elements/commit/c17de2c1ce6933c9a218d3198b333d827d9682b5))
+
+
+
+
+
+## [5.0.10](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.9...@pie-element/charting-configure@5.0.10) (2022-09-29)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.8...@pie-element/charting-configure@5.0.9) (2022-09-14)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.7...@pie-element/charting-configure@5.0.8) (2022-09-13)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.6...@pie-element/charting-configure@5.0.7) (2022-08-31)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.5...@pie-element/charting-configure@5.0.6) (2022-08-16)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.4...@pie-element/charting-configure@5.0.5) (2022-08-08)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.3...@pie-element/charting-configure@5.0.4) (2022-08-02)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.2...@pie-element/charting-configure@5.0.3) (2022-07-22)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.1...@pie-element/charting-configure@5.0.2) (2022-07-20)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [5.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.0...@pie-element/charting-configure@5.0.1) (2022-07-19)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+# [5.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@4.0.0...@pie-element/charting-configure@5.0.0) (2022-06-28)
+
+
+### Bug Fixes
+
+* updated pie-lib since the previous version was a breaking change that was not released properly ([e51250d](https://github.com/pie-framework/pie-elements/commit/e51250dfe5b2d6593e186c685b6f75167479ff39))
+
+
+### Features
+
+* **charting:** add maxImageWidth and maxImageHeight props PD-1801 ([0bff787](https://github.com/pie-framework/pie-elements/commit/0bff787ff2c9301138346f02e04646ee55f659fc))
+* **charting:** remove editCategoryEnabled property ([0ea2a3c](https://github.com/pie-framework/pie-elements/commit/0ea2a3cf9c4ebf09c493ad6aee02ee1cc1987b36))
+* **charting:** remove editCategoryEnabled property checkbox and usage. ([b844871](https://github.com/pie-framework/pie-elements/commit/b84487145c2d92edaaed2427070e4294b0681803))
+
+
+### Reverts
+
+* Revert "try to add student can add categories checkbox in pie-lib" ([0ba8f3f](https://github.com/pie-framework/pie-elements/commit/0ba8f3f80ea98eee535b0c2da1da92b4899ada83))
+
+
+### BREAKING CHANGES
+
+* **charting:** The editCategoryEnabled checkbox and property was removed.
+Enabled property will be used for each category.
+* **charting:** The editCategoryEnabled propery has been removed
+
+
+
+
+
+# [4.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@3.0.0...@pie-element/charting-configure@4.0.0) (2022-06-28)
+
+
+### chore
+
+* Merge master with develop. ([cdca48a](https://github.com/pie-framework/pie-elements/commit/cdca48abaa1d4179e4a961e13d171e14b7ed2444))
+
+
+### BREAKING CHANGES
+
+* Image percent buttons were removed from toolbar.
+New properties maxImageWidth and maxImageHeight were added.
+
+
+
+
+
+# [3.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.49...@pie-element/charting-configure@3.0.0) (2022-06-13)
+
+
+### Features
+
+* **charting:** remove editCategoryEnabled property checkbox and usage. ([b5e6a93](https://github.com/pie-framework/pie-elements/commit/b5e6a93fb99c957bec304bac7d7bf34ee3c98f27))
+
+
+### BREAKING CHANGES
+
+* **charting:** The editCategoryEnabled checkbox and property was removed.
+Enabled property will be used for each category.
+
+
+
+
+
+## [2.1.49](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.48...@pie-element/charting-configure@2.1.49) (2022-05-30)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.48](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.47...@pie-element/charting-configure@2.1.48) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.47](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.46...@pie-element/charting-configure@2.1.47) (2022-05-09)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.46](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.45...@pie-element/charting-configure@2.1.46) (2022-05-03)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.45](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.44...@pie-element/charting-configure@2.1.45) (2022-04-12)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.44](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.43...@pie-element/charting-configure@2.1.44) (2022-03-28)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.43](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.42...@pie-element/charting-configure@2.1.43) (2022-03-22)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.42](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.41...@pie-element/charting-configure@2.1.42) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.41](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.40...@pie-element/charting-configure@2.1.41) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.40](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.39...@pie-element/charting-configure@2.1.40) (2022-02-21)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.39](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.38...@pie-element/charting-configure@2.1.39) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
+## [2.1.38](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.37...@pie-element/charting-configure@2.1.38) (2022-01-24)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
 ## [2.1.37](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.36...@pie-element/charting-configure@2.1.37) (2022-01-10)
 
 **Note:** Version bump only for package @pie-element/charting-configure

package/configure/lib/charting-config.js

@@ -31,15 +31,19 @@ var _styles = require("@material-ui/core/styles");
 
 var _charting = require("@pie-lib/charting");
 
+var _configUi = require("@pie-lib/config-ui");
+
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -59,37 +63,119 @@ var styles = function styles(theme) {
   };
 };
 
+var restoreCorrectAnswer = function restoreCorrectAnswer(correctAnswer, data) {
+  if (!correctAnswer) {
+    return data;
+  }
+
+  var correctResponseDefinition = [];
+  (data || []).forEach(function (category, currentIndex) {
+    var _correctAnswer$curren, _correctAnswer$curren2;
+
+    var editable = category.editable,
+        interactive = category.interactive;
+    var label = editable && (_correctAnswer$curren = correctAnswer[currentIndex]) !== null && _correctAnswer$curren !== void 0 && _correctAnswer$curren.label ? correctAnswer[currentIndex].label : category.label;
+    var value = interactive && (_correctAnswer$curren2 = correctAnswer[currentIndex]) !== null && _correctAnswer$curren2 !== void 0 && _correctAnswer$curren2.value ? correctAnswer[currentIndex].value : category.value;
+    correctResponseDefinition[currentIndex] = {
+      label: label,
+      value: value,
+      editable: category.editable,
+      interactive: category.interactive
+    };
+  });
+  return correctResponseDefinition;
+};
+
 var ChartingConfig = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ChartingConfig, _React$Component);
 
   var _super = _createSuper(ChartingConfig);
 
-  function ChartingConfig() {
+  function ChartingConfig(props) {
     var _this;
 
     (0, _classCallCheck2["default"])(this, ChartingConfig);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
+      return _this.setState({
+        dialog: {
+          open: open
+        }
+      }, callback);
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeData", function (data) {
       return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
         data: data
       }));
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeAddRemoveEnabled", function (value) {
+      var model = _this.props.model;
+      var correctAnswer = restoreCorrectAnswer(model.correctAnswer.data, model.data);
+
+      if (!value) {
+        _this.setState({
+          dialog: {
+            open: true,
+            title: 'Warning',
+            text: "This change will remove any correct answer categories that are not part of the initial item configuration.",
+            onConfirm: function onConfirm() {
+              return _this.handleAlertDialog(false, _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+                addCategoryEnabled: value,
+                correctAnswer: {
+                  data: correctAnswer
+                }
+              })));
+            },
+            onClose: function onClose() {
+              return _this.handleAlertDialog(false);
+            }
+          }
+        });
+      } else {
+        _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+          addCategoryEnabled: value
+        }));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTitle", function (title) {
+      return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        title: title
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeLabel", function (type, label) {
+      return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, (0, _defineProperty2["default"])({}, type, _objectSpread(_objectSpread({}, _this.props.model[type]), {}, {
+        label: label
+      }))));
+    });
+    _this.state = {
+      dialog: {
+        open: false
+      }
+    };
     return _this;
   }
 
   (0, _createClass2["default"])(ChartingConfig, [{
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props = this.props,
           classes = _this$props.classes,
           model = _this$props.model,
-          charts = _this$props.charts;
-      return /*#__PURE__*/React.createElement("div", null, "Define Graph Attributes", /*#__PURE__*/React.createElement("div", {
+          charts = _this$props.charts,
+          labelsPlaceholders = _this$props.labelsPlaceholders,
+          titlePlaceholder = _this$props.titlePlaceholder,
+          showPixelGuides = _this$props.showPixelGuides;
+      var dialog = this.state.dialog;
+
+      var _ref = model || {},
+          _ref$domain = _ref.domain,
+          domain = _ref$domain === void 0 ? {} : _ref$domain,
+          _ref$range = _ref.range,
+          range = _ref$range === void 0 ? {} : _ref$range;
+
+      return /*#__PURE__*/React.createElement("div", null, "Define Initial Chart Attributes", /*#__PURE__*/React.createElement("div", {
         className: classes.container
       }, /*#__PURE__*/React.createElement("div", {
         className: classes.column,
@@ -97,18 +183,39 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(_Typography["default"], {
         component: "div",
         type: "body1"
-      }, /*#__PURE__*/React.createElement("span", null, "Use the tools below to set background shapes")), /*#__PURE__*/React.createElement(_charting.Chart, {
+      }, /*#__PURE__*/React.createElement("span", null, "Use the tools below to set up the chart as it will initially appear to students.")), /*#__PURE__*/React.createElement(_charting.Chart, {
+        defineChart: true,
+        showPixelGuides: showPixelGuides,
         chartType: model.chartType,
         size: model.graph,
-        domain: model.domain,
-        range: model.range,
-        charts: charts,
-        data: model.data,
+        domain: domain,
+        range: range,
+        charts: charts // index is a property used for setting the correct answer data; it's needed in order to remove categories from other data sets from the same index it was removed from the initial data
+        ,
+        data: model.data.map(function (category, index) {
+          return _objectSpread(_objectSpread({}, category), {}, {
+            index: index
+          });
+        }),
         title: model.title,
         onDataChange: this.changeData,
-        editCategoryEnabled: true,
+        onChangeTitle: this.changeTitle,
+        onChangeLabels: this.changeLabel,
         addCategoryEnabled: true,
-        categoryDefaultLabel: model.categoryDefaultLabel
+        categoryDefaultLabel: model.categoryDefaultLabel,
+        labelsPlaceholders: labelsPlaceholders,
+        titlePlaceholder: titlePlaceholder === null || titlePlaceholder === void 0 ? void 0 : titlePlaceholder.label
+      }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox["default"], {
+        checked: model.addCategoryEnabled,
+        onChange: function onChange(e) {
+          _this2.changeAddRemoveEnabled(e.target.checked);
+        }
+      }), "Student can add categories"), /*#__PURE__*/React.createElement(_configUi.AlertDialog, {
+        open: dialog.open,
+        title: dialog.title,
+        text: dialog.text,
+        onClose: dialog.onClose,
+        onConfirm: dialog.onConfirm
       }))));
     }
   }]);

package/configure/lib/charting-config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","marginBottom","display","flex","column","ChartingConfig","data","props","onChange","model","classes","charts","chartType","graph","domain","range","title","changeData","categoryDefaultLabel","React","Component","PropTypes","object","isRequired","func","array"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADvB;AAETC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CAF1B;AAGTE,MAAAA,OAAO,EAAE,MAHA;AAITC,MAAAA,IAAI,EAAE;AAJG,KADY;AAOvBC,IAAAA,MAAM,EAAE;AACND,MAAAA,IAAI,EAAE;AADA;AAPe,GAAL;AAAA,CAApB;;IAYaE,c;;;;;;;;;;;;;;;mGAQE,UAAAC,IAAI;AAAA,aAAI,MAAKC,KAAL,CAAWC,QAAX,iCAAyB,MAAKD,KAAL,CAAWE,KAApC;AAA2CH,QAAAA,IAAI,EAAJA;AAA3C,SAAJ;AAAA,K;;;;;;WAEjB,kBAAS;AACP,wBAAmC,KAAKC,KAAxC;AAAA,UAAQG,OAAR,eAAQA,OAAR;AAAA,UAAiBD,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBE,MAAxB,eAAwBA,MAAxB;AAEA,0BACE,yEAGE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACb;AAAxB,sBACE;AAAK,QAAA,SAAS,EAAEa,OAAO,CAACN,MAAxB;AAAgC,QAAA,GAAG,EAAC;AAApC,sBACE,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAC,KAAtB;AAA4B,QAAA,IAAI,EAAC;AAAjC,sBACE,iFADF,CADF,eAKE,oBAAC,eAAD;AACE,QAAA,SAAS,EAAEK,KAAK,CAACG,SADnB;AAEE,QAAA,IAAI,EAAEH,KAAK,CAACI,KAFd;AAGE,QAAA,MAAM,EAAEJ,KAAK,CAACK,MAHhB;AAIE,QAAA,KAAK,EAAEL,KAAK,CAACM,KAJf;AAKE,QAAA,MAAM,EAAEJ,MALV;AAME,QAAA,IAAI,EAAEF,KAAK,CAACH,IANd;AAOE,QAAA,KAAK,EAAEG,KAAK,CAACO,KAPf;AAQE,QAAA,YAAY,EAAE,KAAKC,UARrB;AASE,QAAA,mBAAmB,EAAE,IATvB;AAUE,QAAA,kBAAkB,EAAE,IAVtB;AAWE,QAAA,oBAAoB,EAAER,KAAK,CAACS;AAX9B,QALF,CADF,CAHF,CADF;AA4BD;;;EAzCiCC,KAAK,CAACC,S;;;iCAA7Bf,c,eACQ;AACjBK,EAAAA,OAAO,EAAEW,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,KAAK,EAAEY,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBf,EAAAA,QAAQ,EAAEa,sBAAUG,IAAV,CAAeD,UAHR;AAIjBZ,EAAAA,MAAM,EAAEU,sBAAUI;AAJD,C;;eA2CN,wBAAW9B,MAAX,EAAmBU,cAAnB,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/charting';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n  container: {\n    marginTop: theme.spacing.unit * 3,\n    marginBottom: theme.spacing.unit * 3,\n    display: 'flex',\n    flex: 1,\n  },\n  column: {\n    flex: 1\n  }\n});\n\nexport class ChartingConfig extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array\n  };\n\n  changeData = data => this.props.onChange({ ...this.props.model, data });\n\n  render() {\n    const { classes, model, charts } = this.props;\n\n    return (\n      <div>\n        Define Graph Attributes\n\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 set background shapes</span>\n            </Typography>\n\n            <Chart\n              chartType={model.chartType}\n              size={model.graph}\n              domain={model.domain}\n              range={model.range}\n              charts={charts}\n              data={model.data}\n              title={model.title}\n              onDataChange={this.changeData}\n              editCategoryEnabled={true}\n              addCategoryEnabled={true}\n              categoryDefaultLabel={model.categoryDefaultLabel}\n            />\n          </div>\n\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(ChartingConfig);\n"],"file":"charting-config.js"}
+{"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","marginBottom","display","flex","column","restoreCorrectAnswer","correctAnswer","data","correctResponseDefinition","forEach","category","currentIndex","editable","interactive","label","value","ChartingConfig","props","open","callback","setState","dialog","onChange","model","title","text","onConfirm","handleAlertDialog","addCategoryEnabled","onClose","type","state","classes","charts","labelsPlaceholders","titlePlaceholder","showPixelGuides","domain","range","chartType","graph","map","index","changeData","changeTitle","changeLabel","categoryDefaultLabel","e","changeAddRemoveEnabled","target","checked","React","Component","PropTypes","object","isRequired","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/charting';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 3,\n    marginBottom: theme.spacing.unit * 3,\n    display: 'flex',\n    flex: 1,\n  },\n  column: {\n    flex: 1,\n  },\n});\n\nconst restoreCorrectAnswer = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const { editable, interactive } = category;\n\n    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;\n\n    const value =\n      interactive && correctAnswer[currentIndex]?.value ? correctAnswer[currentIndex].value : category.value;\n\n    correctResponseDefinition[currentIndex] = {\n      label: label,\n      value: value,\n      editable: category.editable,\n      interactive: category.interactive,\n    };\n  });\n\n  return correctResponseDefinition;\n};\n\nexport class ChartingConfig extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\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  changeData = (data) => this.props.onChange({ ...this.props.model, data });\n\n  changeAddRemoveEnabled = (value) => {\n    const { model } = this.props;\n    const correctAnswer = restoreCorrectAnswer(model.correctAnswer.data, model.data);\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: `This change will remove any correct answer categories that are not part of the initial item configuration.`,\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              this.props.onChange({\n                ...this.props.model,\n                addCategoryEnabled: value,\n                correctAnswer: { data: correctAnswer },\n              }),\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.props.onChange({ ...this.props.model, addCategoryEnabled: value });\n    }\n  };\n\n  changeTitle = (title) => this.props.onChange({ ...this.props.model, title });\n\n  changeLabel = (type, label) =>\n    this.props.onChange({\n      ...this.props.model,\n      [type]: {\n        ...this.props.model[type],\n        label,\n      },\n    });\n\n  render() {\n    const { classes, model, charts, labelsPlaceholders, titlePlaceholder, showPixelGuides } = this.props;\n    const { dialog } = this.state;\n    const { domain = {}, range = {} } = model || {};\n\n    return (\n      <div>\n        Define Initial Chart Attributes\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 set up the chart as it will initially appear to students.</span>\n            </Typography>\n\n            <Chart\n              defineChart={true}\n              showPixelGuides={showPixelGuides}\n              chartType={model.chartType}\n              size={model.graph}\n              domain={domain}\n              range={range}\n              charts={charts}\n              // index is a property used for setting the correct answer data; it's needed in order to remove categories from other data sets from the same index it was removed from the initial data\n              data={model.data.map((category, index) => ({\n                ...category,\n                index: index,\n              }))}\n              title={model.title}\n              onDataChange={this.changeData}\n              onChangeTitle={this.changeTitle}\n              onChangeLabels={this.changeLabel}\n              addCategoryEnabled={true}\n              categoryDefaultLabel={model.categoryDefaultLabel}\n              labelsPlaceholders={labelsPlaceholders}\n              titlePlaceholder={titlePlaceholder?.label}\n            />\n            <div>\n              <Checkbox\n                checked={model.addCategoryEnabled}\n                onChange={(e) => {\n                  this.changeAddRemoveEnabled(e.target.checked);\n                }}\n              />\n              Student can add categories\n            </div>\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          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(ChartingConfig);\n"],"file":"charting-config.js"}