@pie-element/charting 6.6.0 → 6.6.1-next.0

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/charting-configure",
   "private": true,
-  "version": "6.6.0",
+  "version": "6.6.1-next.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/charting-controller",
   "private": true,
-  "version": "3.1.3",
+  "version": "3.1.4-next.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/lib/index.js

@@ -71,6 +71,12 @@ var Graphing = /*#__PURE__*/function (_HTMLElement) {
     set: function set(m) {
       this._model = m;
 
+      if (this._session && this.isComplete(this._session.answer)) {
+        this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));
+      } else {
+        this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));
+      }
+
       this._render();
     }
   }, {

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","s","el","React","createElement","Main","model","categories","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGAsBD,UAACC,MAAD;AAAA,aAAYC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAArD;AAAA,KAtBC;AAAA,sGAwBE,UAACH,MAAD,EAAY;AAC1B,YAAKI,QAAL,CAAcJ,MAAd,GAAuBA,MAAvB;;AAEA,YAAKK,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAApD,CAAnB;;AAEA,YAAKU,OAAL;AACD,KA9Ba;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKD,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAPD,aAAYS,CAAZ,EAAe;AACb,WAAKT,QAAL,GAAgBS,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAMD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAYD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMU,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKN,MADuB;AAEnCO,QAAAA,UAAU,EAAE,KAAKf,QAAL,CAAcJ,MAFS;AAGnCoB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDA/CmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = (answer) => {\n    this._session.answer = answer;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      categories: this._session.answer,\n      onAnswersChange: this.changeAnswers,\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","ModelSetEvent","s","el","React","createElement","Main","model","categories","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGA6BD,UAACC,MAAD;AAAA,aAAYC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAArD;AAAA,KA7BC;AAAA,sGA+BE,UAACH,MAAD,EAAY;AAC1B,YAAKI,QAAL,CAAcJ,MAAd,GAAuBA,MAAvB;;AAEA,YAAKK,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAApD,CAAnB;;AAEA,YAAKU,OAAL;AACD,KArCa;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AAEA,UAAI,KAAKP,QAAL,IAAiB,KAAKK,UAAL,CAAgB,KAAKL,QAAL,CAAcJ,MAA9B,CAArB,EAA4D;AAC1D,aAAKK,aAAL,CAAmB,IAAIQ,8BAAJ,CAAkB,KAAKN,OAAL,CAAaC,WAAb,EAAlB,EAA8C,IAA9C,EAAoD,CAAC,CAAC,KAAKI,MAA3D,CAAnB;AACD,OAFD,MAEO;AACL,aAAKP,aAAL,CAAmB,IAAIQ,8BAAJ,CAAkB,KAAKN,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAA9C,EAAqD,CAAC,CAAC,KAAKI,MAA5D,CAAnB;AACD;;AAED,WAAKF,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAPD,aAAYU,CAAZ,EAAe;AACb,WAAKV,QAAL,GAAgBU,CAAhB;;AACA,WAAKJ,OAAL;AACD;;;WAMD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAYD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMW,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKP,MADuB;AAEnCQ,QAAAA,UAAU,EAAE,KAAKhB,QAAL,CAAcJ,MAFS;AAGnCqB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDAtDmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n\n    if (this._session && this.isComplete(this._session.answer)) {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));\n    } else {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));\n    }\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = (answer) => {\n    this._session.answer = answer;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      categories: this._session.answer,\n      onAnswersChange: this.changeAnswers,\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.6.0",
+  "version": "6.6.1-next.0",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -26,7 +26,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "1f4df4f827bffe82dfd5e0ec53a0c81d9b164f42",
+  "gitHead": "0e14ff981bcdc8a89a0e58484026496701bfdbc3",
   "main": "lib/index.js",
   "module": "src/index.js"
 }

package/LICENSE.md

@@ -1,5 +0,0 @@
-Copyright 2019 CoreSpring Inc
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/configure/lib/charting-config.js

@@ -1,255 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ChartingConfig = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
-  return {
-    container: {
-      marginBottom: theme.spacing.unit * 2.5,
-      display: 'flex',
-      flex: 1
-    },
-    title: {
-      marginBottom: theme.spacing.unit
-    },
-    column: {
-      flex: 1
-    }
-  };
-};
-
-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(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ChartingConfig);
-    _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,
-          _chartingOptions$addC;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          model = _this$props.model,
-          charts = _this$props.charts,
-          labelsPlaceholders = _this$props.labelsPlaceholders,
-          titlePlaceholder = _this$props.titlePlaceholder,
-          showPixelGuides = _this$props.showPixelGuides,
-          authorNewCategoryDefaults = _this$props.authorNewCategoryDefaults,
-          chartingOptions = _this$props.chartingOptions,
-          _this$props$mathMlOpt = _this$props.mathMlOptions,
-          mathMlOptions = _this$props$mathMlOpt === void 0 ? {} : _this$props$mathMlOpt;
-      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, /*#__PURE__*/React.createElement("div", {
-        className: classes.title
-      }, "Define Initial Chart Attributes"), /*#__PURE__*/React.createElement("div", {
-        className: classes.container
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classes.column,
-        key: "graph"
-      }, /*#__PURE__*/React.createElement(_Typography["default"], {
-        component: "div",
-        type: "body1"
-      }, /*#__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,
-        chartingOptions: chartingOptions,
-        showPixelGuides: showPixelGuides,
-        chartType: model.chartType,
-        size: model.graph,
-        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,
-        onChangeTitle: this.changeTitle,
-        onChangeLabels: this.changeLabel,
-        addCategoryEnabled: true,
-        changeInteractiveEnabled: model.changeInteractiveEnabled,
-        changeEditableEnabled: model.changeEditableEnabled,
-        categoryDefaultLabel: authorNewCategoryDefaults === null || authorNewCategoryDefaults === void 0 ? void 0 : authorNewCategoryDefaults.label,
-        categoryDefaults: authorNewCategoryDefaults,
-        labelsPlaceholders: labelsPlaceholders,
-        titlePlaceholder: titlePlaceholder === null || titlePlaceholder === void 0 ? void 0 : titlePlaceholder.label,
-        mathMlOptions: mathMlOptions
-      }), model.changeAddCategoryEnabled && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox["default"], {
-        checked: model.addCategoryEnabled,
-        onChange: function onChange(e) {
-          _this2.changeAddRemoveEnabled(e.target.checked);
-        }
-      }), chartingOptions === null || chartingOptions === void 0 ? void 0 : (_chartingOptions$addC = chartingOptions.addCategory) === null || _chartingOptions$addC === void 0 ? void 0 : _chartingOptions$addC.authoringLabel), /*#__PURE__*/React.createElement(_configUi.AlertDialog, {
-        open: dialog.open,
-        title: dialog.title,
-        text: dialog.text,
-        onClose: dialog.onClose,
-        onConfirm: dialog.onConfirm
-      }))));
-    }
-  }]);
-  return ChartingConfig;
-}(React.Component);
-
-exports.ChartingConfig = ChartingConfig;
-(0, _defineProperty2["default"])(ChartingConfig, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  model: _propTypes["default"].object.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  charts: _propTypes["default"].array,
-  labelsPlaceholders: _propTypes["default"].object,
-  titlePlaceholder: _propTypes["default"].object,
-  showPixelGuides: _propTypes["default"].bool,
-  authorNewCategoryDefaults: _propTypes["default"].object,
-  chartingOptions: _propTypes["default"].object
-});
-
-var _default = (0, _styles.withStyles)(styles)(ChartingConfig);
-
-exports["default"] = _default;
-//# sourceMappingURL=charting-config.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginBottom","spacing","unit","display","flex","title","column","restoreCorrectAnswer","correctAnswer","data","correctResponseDefinition","forEach","category","currentIndex","editable","interactive","label","value","ChartingConfig","props","open","callback","setState","dialog","onChange","model","text","onConfirm","handleAlertDialog","addCategoryEnabled","onClose","type","state","classes","charts","labelsPlaceholders","titlePlaceholder","showPixelGuides","authorNewCategoryDefaults","chartingOptions","mathMlOptions","domain","range","chartType","graph","map","index","changeData","changeTitle","changeLabel","changeInteractiveEnabled","changeEditableEnabled","changeAddCategoryEnabled","e","changeAddRemoveEnabled","target","checked","addCategory","authoringLabel","React","Component","PropTypes","object","isRequired","func","array","bool"],"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    marginBottom: theme.spacing.unit * 2.5,\n    display: 'flex',\n    flex: 1,\n  },\n  title: {\n    marginBottom: theme.spacing.unit,\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    labelsPlaceholders: PropTypes.object,\n    titlePlaceholder: PropTypes.object,\n    showPixelGuides: PropTypes.bool,\n    authorNewCategoryDefaults: PropTypes.object,\n    chartingOptions: PropTypes.object,\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 {\n      classes,\n      model,\n      charts,\n      labelsPlaceholders,\n      titlePlaceholder,\n      showPixelGuides,\n      authorNewCategoryDefaults,\n      chartingOptions,\n      mathMlOptions = {},\n    } = this.props;\n    const { dialog } = this.state;\n    const { domain = {}, range = {} } = model || {};\n\n    return (\n      <div>\n        <div className={classes.title}>Define Initial Chart Attributes</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 set up the chart as it will initially appear to students.</span>\n            </Typography>\n\n            <Chart\n              defineChart={true}\n              chartingOptions={chartingOptions}\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              changeInteractiveEnabled={model.changeInteractiveEnabled}\n              changeEditableEnabled={model.changeEditableEnabled}\n              categoryDefaultLabel={authorNewCategoryDefaults?.label}\n              categoryDefaults={authorNewCategoryDefaults}\n              labelsPlaceholders={labelsPlaceholders}\n              titlePlaceholder={titlePlaceholder?.label}\n              mathMlOptions={mathMlOptions}\n            />\n            {model.changeAddCategoryEnabled && (\n              <div>\n                <Checkbox\n                  checked={model.addCategoryEnabled}\n                  onChange={(e) => {\n                    this.changeAddRemoveEnabled(e.target.checked);\n                  }}\n                />\n                {chartingOptions?.addCategory?.authoringLabel}\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"}