@pie-lib/charting 5.11.1-next.0 → 5.12.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.12.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.11.0...@pie-lib/charting@5.12.0) (2023-05-22)
+
+
+### Features
+
+* **charting:** add new authoring view settings to restrict the permitted chart types and allow their names to be changed PD-2777 ([ae606aa](https://github.com/pie-framework/pie-lib/commit/ae606aa81a314c9b95fec36c5f47e88b1e6cd497))
+* **charting:** show chart type only if it's available in config PD-2777 ([754876f](https://github.com/pie-framework/pie-lib/commit/754876f223e1fa57c259fd8e752340ea29e36bdc))
+
+
+
+
+
 # [5.11.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.10.0...@pie-lib/charting@5.11.0) (2023-05-18)
 
 

package/lib/chart-setup.js

@@ -47,7 +47,10 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
       _props$labelValues = props.labelValues,
       labelValues = _props$labelValues === void 0 ? {} : _props$labelValues,
       _props$studentNewCate = props.studentNewCategoryDefaultLabel,
-      studentNewCategoryDefaultLabel = _props$studentNewCate === void 0 ? {} : _props$studentNewCate;
+      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)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -313,7 +316,9 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     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",
@@ -376,7 +381,9 @@ ConfigureChartPanel.propTypes = {
   range: _propTypes["default"].object,
   chartDimension: _propTypes["default"].object,
   size: _propTypes["default"].object,
-  studentNewCategoryDefaultLabel: _propTypes["default"].object
+  studentNewCategoryDefaultLabel: _propTypes["default"].object,
+  availableChartTypes: _propTypes["default"].object,
+  chartTypeLabel: _propTypes["default"].string
 };
 
 var styles = function styles(theme) {

package/lib/chart-setup.js.map

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

@@ -33,7 +33,9 @@ var ChartType = (0, _styles.withStyles)(function () {
 })(function (_ref) {
   var onChange = _ref.onChange,
       value = _ref.value,
-      classes = _ref.classes;
+      classes = _ref.classes,
+      availableChartTypes = _ref.availableChartTypes,
+      chartTypeLabel = _ref.chartTypeLabel;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.chartType
   }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
@@ -42,7 +44,7 @@ var ChartType = (0, _styles.withStyles)(function () {
   }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
     htmlFor: "type-helper",
     className: classes.chartTypeLabel
-  }, "ChartType"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+  }, chartTypeLabel), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
     value: value,
     onChange: onChange,
     labelWidth: 0,
@@ -50,19 +52,19 @@ var ChartType = (0, _styles.withStyles)(function () {
       name: "type",
       id: "type-helper"
     })
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.histogram) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'histogram'
-  }, "Histogram"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, availableChartTypes.histogram), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.bar) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'bar'
-  }, "Bar Chart"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, availableChartTypes.bar), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.lineDot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'lineDot'
-  }, "Line Chart \u25CF"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, availableChartTypes.lineDot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.lineCross) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'lineCross'
-  }, "Line Chart x"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, availableChartTypes.lineCross), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.dotPlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'dotPlot'
-  }, "Dot/Line Plot \u2B24"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, availableChartTypes.dotPlot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.linePlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'linePlot'
-  }, "Dot/Line Plot X"))));
+  }, availableChartTypes.linePlot))));
 });
 var _default = ChartType;
 exports["default"] = _default;

package/lib/chart-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart-type.js"],"names":["ChartType","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes"],"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,sBACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACN;AAAxB,kBACE,gCAAC,uBAAD;AAAa,IAAA,OAAO,EAAE,UAAtB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACN;AAArD,kBACE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACJ;AAArD,iBADF,eAKE,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEG,KAAf;AAAsB,IAAA,QAAQ,EAAED,QAAhC;AAA0C,IAAA,UAAU,EAAE,CAAtD;AAAyD,IAAA,KAAK,eAAE,gCAAC,yBAAD;AAAe,MAAA,IAAI,EAAC,MAApB;AAA2B,MAAA,EAAE,EAAC;AAA9B;AAAhE,kBACE,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,iBADF,eAEE,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,iBAFF,eAGE,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,yBAHF,eAIE,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,oBAJF,eAKE,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,4BALF,eAME,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,uBANF,CALF,CADF,CADE;AAAA,CAPc,CAAlB;eA0BeL,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 }) => (\n  <div className={classes.chartType}>\n    <FormControl variant={'outlined'} className={classes.chartType}>\n      <InputLabel htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n        ChartType\n      </InputLabel>\n\n      <Select value={value} onChange={onChange} labelWidth={0} input={<OutlinedInput name=\"type\" id=\"type-helper\" />}>\n        <MenuItem value={'histogram'}>Histogram</MenuItem>\n        <MenuItem value={'bar'}>Bar Chart</MenuItem>\n        <MenuItem value={'lineDot'}>Line Chart &#9679;</MenuItem>\n        <MenuItem value={'lineCross'}>Line Chart x</MenuItem>\n        <MenuItem value={'dotPlot'}>Dot/Line Plot &#11044;</MenuItem>\n        <MenuItem value={'linePlot'}>Dot/Line Plot X</MenuItem>\n      </Select>\n    </FormControl>\n  </div>\n));\n\nexport default ChartType;\n"],"file":"chart-type.js"}
+{"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,OAAO,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACJ;AAArD,KACGA,cADH,CADF,eAKE,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEG,KAAf;AAAsB,IAAA,QAAQ,EAAED,QAAhC;AAA0C,IAAA,UAAU,EAAE,CAAtD;AAAyD,IAAA,KAAK,eAAE,gCAAC,yBAAD;AAAe,MAAA,IAAI,EAAC,MAApB;AAA2B,MAAA,EAAE,EAAC;AAA9B;AAAhE,KACG,CAAAG,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEC,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BD,mBAAmB,CAACC,SAAnD,CADrC,EAEG,CAAAD,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEE,GAArB,kBAA4B,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAAyBF,mBAAmB,CAACE,GAA7C,CAF/B,EAGG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BH,mBAAmB,CAACG,OAAjD,CAHnC,EAIG,CAAAH,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEI,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BJ,mBAAmB,CAACI,SAAnD,CAJrC,EAKG,CAAAJ,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEK,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BL,mBAAmB,CAACK,OAAjD,CALnC,EAMG,CAAAL,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEM,QAArB,kBAAiC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA8BN,mBAAmB,CAACM,QAAlD,CANpC,CALF,CADF,CADE;AAAA,CAPc,CAAlB;eA0Bed,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 htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n        {chartTypeLabel}\n      </InputLabel>\n\n      <Select value={value} onChange={onChange} labelWidth={0} input={<OutlinedInput name=\"type\" id=\"type-helper\" />}>\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.js

@@ -23,7 +23,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -53,11 +53,9 @@ var _chartTypes = _interopRequireDefault(require("./chart-types"));
 
 var _configUi = require("@pie-lib/config-ui");
 
-var _defineProperty2;
-
 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, _defineProperty3["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 _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); }; }
 
@@ -75,17 +73,17 @@ var Chart = /*#__PURE__*/function (_React$Component) {
 
     (0, _classCallCheck2["default"])(this, Chart);
     _this = _super.call(this, props);
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       charts: [_chartTypes["default"].Bar(), _chartTypes["default"].Histogram(), _chartTypes["default"].LineDot(), _chartTypes["default"].LineCross(), _chartTypes["default"].DotPlot(), _chartTypes["default"].LinePlot()]
     });
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
       return _this.setState({
         dialog: {
           open: open
         }
       }, callback);
     });
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "getChart", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getChart", function () {
       var charts = _this.props.charts || _this.state.charts;
       var chartType = _this.props.chartType;
       var ChartComponent = null;
@@ -107,11 +105,11 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         ChartComponent: ChartComponent
       };
     });
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "changeData", function (data) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeData", function (data) {
       var onDataChange = _this.props.onDataChange;
       onDataChange(data);
     });
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "changeCategory", function (index, newCategory) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCategory", function (index, newCategory) {
       var integerIndex = parseInt(index, 10);
 
       if (integerIndex >= 0) {
@@ -122,7 +120,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         onDataChange(data);
       }
     });
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "addCategory", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addCategory", function () {
       var _this$props2 = _this.props,
           onDataChange = _this$props2.onDataChange,
           data = _this$props2.data,
@@ -153,7 +151,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         }]));
       }
     });
-    (0, _defineProperty3["default"])((0, _assertThisInitialized2["default"])(_this), "getFilteredCategories", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getFilteredCategories", function () {
       var _this$props3 = _this.props,
           data = _this$props3.data,
           defineChart = _this$props3.defineChart;
@@ -321,7 +319,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports.Chart = Chart;
-(0, _defineProperty3["default"])(Chart, "propTypes", (_defineProperty2 = {
+(0, _defineProperty2["default"])(Chart, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   chartType: _propTypes["default"].string.isRequired,
@@ -360,9 +358,12 @@ exports.Chart = Chart;
   categoryDefaultLabel: _propTypes["default"].string,
   categoryDefaults: _propTypes["default"].object,
   defineChart: _propTypes["default"].bool,
-  theme: _propTypes["default"].object
-}, (0, _defineProperty3["default"])(_defineProperty2, "categoryDefaults", _propTypes["default"].object), (0, _defineProperty3["default"])(_defineProperty2, "chartingOptions", _propTypes["default"].object), (0, _defineProperty3["default"])(_defineProperty2, "changeInteractiveEnabled", _propTypes["default"].bool), (0, _defineProperty3["default"])(_defineProperty2, "changeEditableEnabled", _propTypes["default"].bool), _defineProperty2));
-(0, _defineProperty3["default"])(Chart, "defaultProps", {
+  theme: _propTypes["default"].object,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool
+});
+(0, _defineProperty2["default"])(Chart, "defaultProps", {
   size: {
     width: 480,
     height: 480

package/lib/chart.js.map

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

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.11.1-next.0+1381eb9c",
+  "version": "5.12.0",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "1381eb9cf1769d3c47d8e37db221bcdc39c50930"
+  "gitHead": "cf2ea3dc330bcaa8ee3e557cba2eedeff847e526"
 }

package/src/chart-setup.jsx

@@ -16,6 +16,8 @@ const ConfigureChartPanel = (props) => {
     gridValues = {},
     labelValues = {},
     studentNewCategoryDefaultLabel = {},
+    availableChartTypes = {},
+    chartTypeLabel,
   } = props;
   const [alertDialog, setAlertDialog] = useState(false);
   const [open, setOpen] = useState(false);
@@ -223,7 +225,12 @@ const ConfigureChartPanel = (props) => {
       <Typography variant={'subtitle1'}>Configure Chart</Typography>
       <div className={classes.content}>
         <div className={classes.rowView}>
-          <ChartType value={model.chartType} onChange={(e) => onChartTypeChange(e.target.value)} />
+          <ChartType
+            value={model.chartType}
+            onChange={(e) => onChartTypeChange(e.target.value)}
+            availableChartTypes={availableChartTypes}
+            chartTypeLabel={chartTypeLabel}
+          />
           <NumberTextFieldCustom
             className={classes.mediumTextField}
             label="Max Value"
@@ -296,6 +303,8 @@ ConfigureChartPanel.propTypes = {
   chartDimension: PropTypes.object,
   size: PropTypes.object,
   studentNewCategoryDefaultLabel: PropTypes.object,
+  availableChartTypes: PropTypes.object,
+  chartTypeLabel: PropTypes.string,
 };
 
 const styles = (theme) => ({

package/src/chart-type.js

@@ -13,20 +13,20 @@ const ChartType = withStyles(() => ({
   chartTypeLabel: {
     backgroundColor: 'transparent',
   },
-}))(({ onChange, value, classes }) => (
+}))(({ onChange, value, classes, availableChartTypes, chartTypeLabel }) => (
   <div className={classes.chartType}>
     <FormControl variant={'outlined'} className={classes.chartType}>
       <InputLabel htmlFor="type-helper" className={classes.chartTypeLabel}>
-        ChartType
+        {chartTypeLabel}
       </InputLabel>
 
       <Select value={value} onChange={onChange} labelWidth={0} input={<OutlinedInput name="type" id="type-helper" />}>
-        <MenuItem value={'histogram'}>Histogram</MenuItem>
-        <MenuItem value={'bar'}>Bar Chart</MenuItem>
-        <MenuItem value={'lineDot'}>Line Chart &#9679;</MenuItem>
-        <MenuItem value={'lineCross'}>Line Chart x</MenuItem>
-        <MenuItem value={'dotPlot'}>Dot/Line Plot &#11044;</MenuItem>
-        <MenuItem value={'linePlot'}>Dot/Line Plot X</MenuItem>
+        {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}
+        {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}
+        {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}
+        {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}
+        {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}
+        {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}
       </Select>
     </FormControl>
   </div>

package/src/chart.jsx

@@ -63,7 +63,6 @@ export class Chart extends React.Component {
     categoryDefaults: PropTypes.object,
     defineChart: PropTypes.bool,
     theme: PropTypes.object,
-    categoryDefaults: PropTypes.object,
     chartingOptions: PropTypes.object,
     changeInteractiveEnabled: PropTypes.bool,
     changeEditableEnabled: PropTypes.bool,