@pie-lib/charting 5.22.0 → 5.23.0

package/lib/chart-setup.js

@@ -0,0 +1,458 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resetValues = exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _styles = require("@material-ui/core/styles");
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _chartType = _interopRequireDefault(require("./chart-type"));
+
+var _configUi = require("@pie-lib/config-ui");
+
+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; }
+
+var resetValues = function resetValues(data, updateModel, range, onChange, model) {
+  (data || []).forEach(function (d) {
+    var d_value_scaled = Math.round(d.value * 10);
+    var range_step_scaled = Math.round(range.step * 10);
+    var remainder_scaled = d_value_scaled % range_step_scaled;
+    var remainder = remainder_scaled / 10;
+
+    if (d.value > range.max || remainder !== 0) {
+      d.value = 0;
+    }
+  });
+
+  if (updateModel) {
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      data: data
+    }));
+  }
+};
+
+exports.resetValues = resetValues;
+
+var ConfigureChartPanel = function ConfigureChartPanel(props) {
+  var classes = props.classes,
+      model = props.model,
+      onChange = props.onChange,
+      chartDimensions = props.chartDimensions,
+      _props$gridValues = props.gridValues,
+      gridValues = _props$gridValues === void 0 ? {} : _props$gridValues,
+      _props$labelValues = props.labelValues,
+      labelValues = _props$labelValues === void 0 ? {} : _props$labelValues,
+      _props$studentNewCate = props.studentNewCategoryDefaultLabel,
+      studentNewCategoryDefaultLabel = _props$studentNewCate === void 0 ? {} : _props$studentNewCate,
+      _props$availableChart = props.availableChartTypes,
+      availableChartTypes = _props$availableChart === void 0 ? {} : _props$availableChart,
+      chartTypeLabel = props.chartTypeLabel;
+
+  var _useState = (0, _react.useState)({
+    open: false,
+    title: '',
+    text: '',
+    onClose: null,
+    onConfirm: null
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      alertDialog = _useState2[0],
+      setAlertDialog = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      open = _useState4[0],
+      setOpen = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      rangeKey = _useState6[0],
+      setRangeKey = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+      resetValue = _useState8[0],
+      setResetValue = _useState8[1];
+
+  var _model$range = model.range,
+      range = _model$range === void 0 ? {} : _model$range,
+      correctAnswer = model.correctAnswer,
+      changeInteractiveEnabled = model.changeInteractiveEnabled,
+      changeEditableEnabled = model.changeEditableEnabled;
+  var size = model.graph;
+
+  var _ref = chartDimensions || {},
+      showInConfigPanel = _ref.showInConfigPanel,
+      width = _ref.width,
+      height = _ref.height;
+
+  var widthConstraints = {
+    min: width !== null && width !== void 0 && width.min ? Math.max(50, width.min) : 50,
+    max: width !== null && width !== void 0 && width.max ? Math.min(700, width.max) : 700,
+    step: (width === null || width === void 0 ? void 0 : width.step) >= 1 ? Math.min(200, width.step) : 20
+  };
+  var heightConstraints = {
+    min: height !== null && height !== void 0 && height.min ? Math.max(400, height.min) : 400,
+    max: height !== null && height !== void 0 && height.max ? Math.min(700, height.max) : 700,
+    step: (height === null || height === void 0 ? void 0 : height.step) >= 1 ? Math.min(200, height.step) : 20
+  };
+  var gridOptions = gridValues && gridValues.range ? {
+    customValues: gridValues.range
+  } : {
+    min: 0,
+    max: 10000
+  };
+  var labelOptions = labelValues && labelValues.range ? {
+    customValues: labelValues.range
+  } : {
+    min: 0,
+    max: 10000
+  };
+
+  var stepConfig = /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.rowView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, (0, _extends2["default"])({
+    className: classes.mediumTextField,
+    label: "Grid Interval",
+    value: range.step,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('step', v, e);
+    }
+  }, gridOptions)), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, (0, _extends2["default"])({
+    className: classes.mediumTextField,
+    label: 'Label Interval',
+    value: range.labelStep,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onRangeChanged('labelStep', v, e);
+    }
+  }, labelOptions)));
+
+  var handleAlertDialog = function handleAlertDialog(openStatus, callback) {
+    setAlertDialog(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, {
+        open: openStatus
+      });
+    }, function () {
+      if (callback) {
+        callback();
+      }
+    });
+    setOpen(openStatus);
+  };
+
+  var setPropertiesToFalse = function setPropertiesToFalse(data, property) {
+    return data.map(function (obj) {
+      if (obj.hasOwnProperty(property)) {
+        obj[property] = property == 'interactive' ? true : false;
+      }
+
+      return obj;
+    });
+  };
+
+  var removeOutOfRangeValues = function removeOutOfRangeValues(updateModel) {
+    var correctAnswer = model.correctAnswer,
+        data = model.data;
+
+    if (changeInteractiveEnabled === false) {
+      setPropertiesToFalse(data, 'interactive');
+    }
+
+    if (changeEditableEnabled === false) {
+      setPropertiesToFalse(data, 'editable');
+    }
+
+    resetValues(data, updateModel, range, onChange, model);
+    resetValues(correctAnswer.data, false, range, onChange, model);
+  };
+
+  var setCategoryDefaultLabel = function setCategoryDefaultLabel() {
+    var studentCategoryDefaultLabel = studentNewCategoryDefaultLabel === null || studentNewCategoryDefaultLabel === void 0 ? void 0 : studentNewCategoryDefaultLabel.label;
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      studentCategoryDefaultLabel: studentCategoryDefaultLabel
+    }));
+  };
+
+  var rangeProps = function rangeProps(chartType) {
+    return chartType.includes('Plot') ? {
+      min: 3,
+      max: 10
+    } : {
+      min: 0.05,
+      max: 10000
+    };
+  };
+
+  var onSizeChanged = function onSizeChanged(key, value) {
+    var graph = _objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, value));
+
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      graph: graph
+    }));
+  };
+
+  var isOutOfRange = function isOutOfRange(data, range) {
+    return (data || []).find(function (d) {
+      return d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0;
+    });
+  };
+
+  var onRangeChanged = function onRangeChanged(key, value, e) {
+    // use reset values to restore range to initial values
+    setResetValue(range[key]);
+    setRangeKey(key);
+    range[key] = value;
+
+    if (key === 'max' || key === 'step') {
+      // check if current chart values are invalid for given range step/max
+      var outOfRange = isOutOfRange(model.data, range) || isOutOfRange(model.correctAnswer.data, range);
+
+      if (outOfRange && JSON.stringify(e) !== '{}') {
+        setOpen(true);
+      } else {
+        onChange(_objectSpread(_objectSpread({}, model), {}, {
+          range: range
+        }));
+      }
+    } else {
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        range: range
+      }));
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    removeOutOfRangeValues(true);
+    setCategoryDefaultLabel();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (open) {
+      setAlertDialog({
+        open: true,
+        title: 'Warning',
+        text: 'This change will remove values defined for one or more categories',
+        onConfirm: function onConfirm() {
+          removeOutOfRangeValues();
+          handleAlertDialog(false, onChange(_objectSpread(_objectSpread({}, model), {}, {
+            range: range,
+            correctAnswer: correctAnswer
+          })));
+        },
+        onClose: function onClose() {
+          range[rangeKey] = resetValue;
+          handleAlertDialog(false);
+        }
+      });
+    }
+  }, [open]);
+  var isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;
+
+  var getPlotConfiguration = function getPlotConfiguration() {
+    rangeProps.min = 3;
+    rangeProps.max = 10;
+    range.max = 10;
+    range.step = 1;
+    range.labelStep = 1;
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      range: range
+    }));
+  };
+
+  var onChartTypeChange = function onChartTypeChange(chartType) {
+    if (chartType.includes('Plot')) {
+      // The selected chart type does not support the current chart configuration
+      if (!isValidPlot) {
+        setAlertDialog({
+          open: true,
+          title: 'Warning',
+          text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',
+          onConfirm: function onConfirm() {
+            getPlotConfiguration();
+            removeOutOfRangeValues();
+            handleAlertDialog(false, onChange(_objectSpread(_objectSpread({}, model), {}, {
+              range: range,
+              chartType: chartType
+            })));
+          },
+          onClose: function onClose() {
+            handleAlertDialog(false);
+          }
+        });
+        return;
+      }
+
+      rangeProps.min = 3;
+      rangeProps.max = 10;
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        chartType: chartType
+      }));
+      return;
+    }
+
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      chartType: chartType
+    }));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.wrapper
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: 'subtitle1'
+  }, "Configure Chart"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.content
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.rowView
+  }, /*#__PURE__*/_react["default"].createElement(_chartType["default"], {
+    value: model.chartType,
+    onChange: function onChange(e) {
+      return onChartTypeChange(e.target.value);
+    },
+    availableChartTypes: availableChartTypes,
+    chartTypeLabel: chartTypeLabel
+  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: "Max Value",
+    value: range.max,
+    min: rangeProps(model.chartType).min,
+    max: rangeProps(model.chartType).max,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('max', v, e);
+    }
+  })), !model.chartType.includes('Plot') && stepConfig, showInConfigPanel && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.dimensions
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dimensions(px)")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.columnView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.textField,
+    label: 'Width',
+    value: size.width,
+    min: widthConstraints.min,
+    max: widthConstraints.max,
+    step: widthConstraints.step,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onSizeChanged('width', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.disabled
+  }, "Min 50, Max 700")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.columnView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.textField,
+    label: 'Height',
+    value: size.height,
+    min: heightConstraints.min,
+    max: heightConstraints.max,
+    step: heightConstraints.step,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onSizeChanged('height', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.disabled
+  }, "Min 400, Max 700")))), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+    open: alertDialog.open,
+    title: alertDialog.title,
+    text: alertDialog.text,
+    onClose: alertDialog.onClose,
+    onConfirm: alertDialog.onConfirm
+  }));
+};
+
+ConfigureChartPanel.propTypes = {
+  classes: _propTypes["default"].object,
+  chartDimensions: _propTypes["default"].object,
+  domain: _propTypes["default"].object,
+  gridValues: _propTypes["default"].object,
+  labelValues: _propTypes["default"].object,
+  model: _propTypes["default"].object,
+  onChange: _propTypes["default"].func,
+  range: _propTypes["default"].object,
+  chartDimension: _propTypes["default"].object,
+  size: _propTypes["default"].object,
+  studentNewCategoryDefaultLabel: _propTypes["default"].object,
+  availableChartTypes: _propTypes["default"].object,
+  chartTypeLabel: _propTypes["default"].string
+};
+
+var styles = function styles(theme) {
+  return {
+    wrapper: {
+      width: '450px'
+    },
+    content: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      marginTop: theme.spacing.unit * 3
+    },
+    columnView: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    },
+    rowView: {
+      display: 'flex',
+      justifyContent: 'space-around',
+      alignItems: 'center'
+    },
+    textField: {
+      width: '130px',
+      margin: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit / 2, "px")
+    },
+    mediumTextField: {
+      width: '160px',
+      margin: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit / 2, "px")
+    },
+    largeTextField: {
+      width: '230px',
+      margin: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit / 2, "px")
+    },
+    text: {
+      fontStyle: 'italic',
+      margin: "".concat(theme.spacing.unit, "px 0")
+    },
+    dimensions: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      margin: "".concat(theme.spacing.unit * 3, "px 0")
+    },
+    disabled: {
+      color: _renderUi.color.disabled()
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(ConfigureChartPanel);
+
+exports["default"] = _default;
+//# sourceMappingURL=chart-setup.js.map

package/lib/chart-setup.js.map

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

package/lib/chart-type.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
+
+var ChartType = (0, _styles.withStyles)(function () {
+  return {
+    chartType: {
+      width: '160px'
+    },
+    chartTypeLabel: {
+      backgroundColor: 'transparent'
+    }
+  };
+})(function (_ref) {
+  var onChange = _ref.onChange,
+      value = _ref.value,
+      classes = _ref.classes,
+      availableChartTypes = _ref.availableChartTypes,
+      chartTypeLabel = _ref.chartTypeLabel;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.chartType
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    variant: 'outlined',
+    className: classes.chartType
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "type-helper-label",
+    className: classes.chartTypeLabel
+  }, chartTypeLabel), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    labelId: "type-helper-label",
+    value: value,
+    onChange: onChange,
+    input: /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
+      labelWidth: 75,
+      name: "type"
+    })
+  }, (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.histogram) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'histogram'
+  }, availableChartTypes.histogram), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.bar) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'bar'
+  }, availableChartTypes.bar), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.lineDot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'lineDot'
+  }, availableChartTypes.lineDot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.lineCross) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'lineCross'
+  }, availableChartTypes.lineCross), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.dotPlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'dotPlot'
+  }, availableChartTypes.dotPlot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.linePlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'linePlot'
+  }, availableChartTypes.linePlot))));
+});
+var _default = ChartType;
+exports["default"] = _default;
+//# sourceMappingURL=chart-type.js.map

package/lib/chart-type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart-type.js"],"names":["ChartType","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes","availableChartTypes","histogram","bar","lineDot","lineCross","dotPlot","linePlot"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,wBAAW;AAAA,SAAO;AAClCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE;AADE,KADuB;AAIlCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,eAAe,EAAE;AADH;AAJkB,GAAP;AAAA,CAAX,EAOd;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,MAAoBC,OAApB,QAAoBA,OAApB;AAAA,MAA6BC,mBAA7B,QAA6BA,mBAA7B;AAAA,MAAkDL,cAAlD,QAAkDA,cAAlD;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEI,OAAO,CAACN;AAAxB,kBACE,gCAAC,uBAAD;AAAa,IAAA,OAAO,EAAE,UAAtB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACN;AAArD,kBACE,gCAAC,sBAAD;AAAY,IAAA,EAAE,EAAC,mBAAf;AAAmC,IAAA,SAAS,EAAEM,OAAO,CAACJ;AAAtD,KACGA,cADH,CADF,eAIE,gCAAC,kBAAD;AACE,IAAA,OAAO,EAAC,mBADV;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,KAAK,eAAE,gCAAC,yBAAD;AAAe,MAAA,UAAU,EAAE,EAA3B;AAA+B,MAAA,IAAI,EAAC;AAApC;AAJT,KAMG,CAAAG,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEC,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BD,mBAAmB,CAACC,SAAnD,CANrC,EAOG,CAAAD,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEE,GAArB,kBAA4B,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAAyBF,mBAAmB,CAACE,GAA7C,CAP/B,EAQG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BH,mBAAmB,CAACG,OAAjD,CARnC,EASG,CAAAH,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEI,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BJ,mBAAmB,CAACI,SAAnD,CATrC,EAUG,CAAAJ,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEK,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BL,mBAAmB,CAACK,OAAjD,CAVnC,EAWG,CAAAL,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEM,QAArB,kBAAiC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA8BN,mBAAmB,CAACM,QAAlD,CAXpC,CAJF,CADF,CADE;AAAA,CAPc,CAAlB;eA8Bed,S","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(() => ({\n  chartType: {\n    width: '160px',\n  },\n  chartTypeLabel: {\n    backgroundColor: 'transparent',\n  },\n}))(({ onChange, value, classes, availableChartTypes, chartTypeLabel }) => (\n  <div className={classes.chartType}>\n    <FormControl variant={'outlined'} className={classes.chartType}>\n      <InputLabel id=\"type-helper-label\" className={classes.chartTypeLabel}>\n        {chartTypeLabel}\n      </InputLabel>\n      <Select\n        labelId=\"type-helper-label\"\n        value={value}\n        onChange={onChange}\n        input={<OutlinedInput labelWidth={75} name=\"type\" />}\n      >\n        {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}\n        {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}\n        {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}\n        {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}\n        {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}\n        {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}\n      </Select>\n    </FormControl>\n  </div>\n));\n\nexport default ChartType;\n"],"file":"chart-type.js"}

package/lib/chart-types.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _bar = _interopRequireDefault(require("./bars/bar"));
+
+var _histogram = _interopRequireDefault(require("./bars/histogram"));
+
+var _lineDot = _interopRequireDefault(require("./line/line-dot"));
+
+var _lineCross = _interopRequireDefault(require("./line/line-cross"));
+
+var _dot = _interopRequireDefault(require("@pie-lib/plot/dot"));
+
+var _line = _interopRequireDefault(require("@pie-lib/plot/line"));
+
+var _default = {
+  Bar: _bar["default"],
+  Histogram: _histogram["default"],
+  LineDot: _lineDot["default"],
+  DotPlot: _dot["default"],
+  LinePlot: _line["default"],
+  LineCross: _lineCross["default"]
+};
+exports["default"] = _default;
+//# sourceMappingURL=chart-types.js.map

package/lib/chart-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart-types.js"],"names":["Bar","Histogram","LineDot","DotPlot","LinePlot","LineCross"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;eAEe;AAAEA,EAAAA,GAAG,EAAHA,eAAF;AAAOC,EAAAA,SAAS,EAATA,qBAAP;AAAkBC,EAAAA,OAAO,EAAPA,mBAAlB;AAA2BC,EAAAA,OAAO,EAAPA,eAA3B;AAAoCC,EAAAA,QAAQ,EAARA,gBAApC;AAA8CC,EAAAA,SAAS,EAATA;AAA9C,C","sourcesContent":["import Bar from './bars/bar';\nimport Histogram from './bars/histogram';\nimport LineDot from './line/line-dot';\nimport LineCross from './line/line-cross';\nimport DotPlot from '@pie-lib/plot/dot';\nimport LinePlot from '@pie-lib/plot/line';\n\nexport default { Bar, Histogram, LineDot, DotPlot, LinePlot, LineCross };\n"],"file":"chart-types.js"}