@pie-element/charting 5.0.9 → 5.0.11-next.173

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.10](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@5.0.9...@pie-element/charting@5.0.10) (2022-09-29)
+
+**Note:** Version bump only for package @pie-element/charting
+
+
+
+
+
 ## [5.0.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@5.0.8...@pie-element/charting@5.0.9) (2022-09-14)
 
 **Note:** Version bump only for package @pie-element/charting

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.10](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.9...@pie-element/charting-configure@5.0.10) (2022-09-29)
+
+**Note:** Version bump only for package @pie-element/charting-configure
+
+
+
+
+
 ## [5.0.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@5.0.8...@pie-element/charting-configure@5.0.9) (2022-09-14)
 
 **Note:** Version bump only for package @pie-element/charting-configure

package/configure/lib/charting-config.js

@@ -137,6 +137,16 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
         }));
       }
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTitle", function (title) {
+      return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        title: title
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeLabel", function (type, label) {
+      return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, (0, _defineProperty2["default"])({}, type, _objectSpread(_objectSpread({}, _this.props.model[type]), {}, {
+        label: label
+      }))));
+    });
     _this.state = {
       dialog: {
         open: false
@@ -154,6 +164,8 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
           classes = _this$props.classes,
           model = _this$props.model,
           charts = _this$props.charts,
+          labelsPlaceholders = _this$props.labelsPlaceholders,
+          titlePlaceholder = _this$props.titlePlaceholder,
           showPixelGuides = _this$props.showPixelGuides;
       var dialog = this.state.dialog;
       return /*#__PURE__*/React.createElement("div", null, "Define Initial Chart Attributes", /*#__PURE__*/React.createElement("div", {
@@ -180,8 +192,12 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
         }),
         title: model.title,
         onDataChange: this.changeData,
+        onChangeTitle: this.changeTitle,
+        onChangeLabels: this.changeLabel,
         addCategoryEnabled: true,
-        categoryDefaultLabel: model.categoryDefaultLabel
+        categoryDefaultLabel: model.categoryDefaultLabel,
+        labelsPlaceholders: labelsPlaceholders,
+        titlePlaceholder: titlePlaceholder === null || titlePlaceholder === void 0 ? void 0 : titlePlaceholder.label
       }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox["default"], {
         checked: model.addCategoryEnabled,
         onChange: function onChange(e) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","marginBottom","display","flex","column","restoreCorrectAnswer","correctAnswer","data","correctResponseDefinition","forEach","category","currentIndex","editable","interactive","label","value","ChartingConfig","props","open","callback","setState","dialog","onChange","model","title","text","onConfirm","handleAlertDialog","addCategoryEnabled","onClose","state","classes","charts","showPixelGuides","chartType","graph","domain","range","map","index","changeData","categoryDefaultLabel","e","changeAddRemoveEnabled","target","checked","React","Component","PropTypes","object","isRequired","func","array"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/charting';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 3,\n    marginBottom: theme.spacing.unit * 3,\n    display: 'flex',\n    flex: 1,\n  },\n  column: {\n    flex: 1,\n  },\n});\n\nconst restoreCorrectAnswer = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const { editable, interactive } = category;\n\n    const label =\n      editable && correctAnswer[currentIndex]?.label\n        ? correctAnswer[currentIndex].label\n        : category.label;\n\n    const value =\n      interactive && correctAnswer[currentIndex]?.value\n        ? correctAnswer[currentIndex].value\n        : category.value;\n\n    correctResponseDefinition[currentIndex] = {\n      label: label,\n      value: value,\n      editable: category.editable,\n      interactive: category.interactive,\n    };\n  });\n\n  return correctResponseDefinition;\n};\n\nexport class ChartingConfig extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback\n    );\n\n  changeData = (data) => this.props.onChange({ ...this.props.model, data });\n\n  changeAddRemoveEnabled = (value) => {\n    const { model } = this.props\n    const correctAnswer = restoreCorrectAnswer(\n      model.correctAnswer.data,\n     model.data\n    );\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: `This change will remove any correct answer categories that are not part of the initial item configuration.`,\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              this.props.onChange({\n                ...this.props.model,\n                addCategoryEnabled: value,\n                correctAnswer: { data: correctAnswer },\n              })\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.props.onChange({ ...this.props.model, addCategoryEnabled: value });\n    }\n  };\n\n  render() {\n    const { classes, model, charts, showPixelGuides } = this.props;\n    const { dialog } = this.state;\n\n    return (\n      <div>\n        Define Initial Chart Attributes\n        <div className={classes.container}>\n          <div className={classes.column} key=\"graph\">\n            <Typography component=\"div\" type=\"body1\">\n              <span>\n                Use the tools below to set up the chart as it will initially\n                appear to students.\n              </span>\n            </Typography>\n\n            <Chart\n              defineChart={true}\n              showPixelGuides={showPixelGuides}\n              chartType={model.chartType}\n              size={model.graph}\n              domain={model.domain}\n              range={model.range}\n              charts={charts}\n              // index is a property used for setting the correct answer data; it's needed in order to remove categories from other data sets from the same index it was removed from the initial data\n              data={model.data.map((category, index) => ({\n                ...category,\n                index: index,\n              }))}\n              title={model.title}\n              onDataChange={this.changeData}\n              addCategoryEnabled={true}\n              categoryDefaultLabel={model.categoryDefaultLabel}\n            />\n            <div>\n              <Checkbox\n                checked={model.addCategoryEnabled}\n                onChange={(e) => {\n                  this.changeAddRemoveEnabled(e.target.checked);\n                }}\n              />\n              Student can add categories\n            </div>\n\n            <AlertDialog\n              open={dialog.open}\n              title={dialog.title}\n              text={dialog.text}\n              onClose={dialog.onClose}\n              onConfirm={dialog.onConfirm}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(ChartingConfig);\n"],"file":"charting-config.js"}
+{"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","marginBottom","display","flex","column","restoreCorrectAnswer","correctAnswer","data","correctResponseDefinition","forEach","category","currentIndex","editable","interactive","label","value","ChartingConfig","props","open","callback","setState","dialog","onChange","model","title","text","onConfirm","handleAlertDialog","addCategoryEnabled","onClose","type","state","classes","charts","labelsPlaceholders","titlePlaceholder","showPixelGuides","chartType","graph","domain","range","map","index","changeData","changeTitle","changeLabel","categoryDefaultLabel","e","changeAddRemoveEnabled","target","checked","React","Component","PropTypes","object","isRequired","func","array"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/charting';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 3,\n    marginBottom: theme.spacing.unit * 3,\n    display: 'flex',\n    flex: 1,\n  },\n  column: {\n    flex: 1,\n  },\n});\n\nconst restoreCorrectAnswer = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const { editable, interactive } = category;\n\n    const label =\n      editable && correctAnswer[currentIndex]?.label\n        ? correctAnswer[currentIndex].label\n        : category.label;\n\n    const value =\n      interactive && correctAnswer[currentIndex]?.value\n        ? correctAnswer[currentIndex].value\n        : category.value;\n\n    correctResponseDefinition[currentIndex] = {\n      label: label,\n      value: value,\n      editable: category.editable,\n      interactive: category.interactive,\n    };\n  });\n\n  return correctResponseDefinition;\n};\n\nexport class ChartingConfig extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback\n    );\n\n  changeData = (data) => this.props.onChange({ ...this.props.model, data });\n\n  changeAddRemoveEnabled = (value) => {\n    const { model } = this.props\n    const correctAnswer = restoreCorrectAnswer(\n      model.correctAnswer.data,\n     model.data\n    );\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: `This change will remove any correct answer categories that are not part of the initial item configuration.`,\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              this.props.onChange({\n                ...this.props.model,\n                addCategoryEnabled: value,\n                correctAnswer: { data: correctAnswer },\n              })\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.props.onChange({ ...this.props.model, addCategoryEnabled: value });\n    }\n  };\n\n  changeTitle = title => this.props.onChange({ ...this.props.model, title });\n\n  changeLabel = (type, label) => this.props.onChange({\n     ...this.props.model,\n     [type]: {\n      ...this.props.model[type],\n      label\n     },\n    })\n\n  render() {\n    const { classes, model, charts, labelsPlaceholders, titlePlaceholder, showPixelGuides } = this.props;\n    const { dialog } = this.state;\n\n    return (\n      <div>\n        Define Initial Chart Attributes\n        <div className={classes.container}>\n          <div className={classes.column} key=\"graph\">\n            <Typography component=\"div\" type=\"body1\">\n              <span>\n                Use the tools below to set up the chart as it will initially\n                appear to students.\n              </span>\n            </Typography>\n\n            <Chart\n              defineChart={true}\n              showPixelGuides={showPixelGuides}\n              chartType={model.chartType}\n              size={model.graph}\n              domain={model.domain}\n              range={model.range}\n              charts={charts}\n              // index is a property used for setting the correct answer data; it's needed in order to remove categories from other data sets from the same index it was removed from the initial data\n              data={model.data.map((category, index) => ({\n                ...category,\n                index: index,\n              }))}\n              title={model.title}\n              onDataChange={this.changeData}\n              onChangeTitle={this.changeTitle}\n              onChangeLabels={this.changeLabel}\n              addCategoryEnabled={true}\n              categoryDefaultLabel={model.categoryDefaultLabel}\n              labelsPlaceholders={labelsPlaceholders}\n              titlePlaceholder={titlePlaceholder?.label}\n            />\n            <div>\n              <Checkbox\n                checked={model.addCategoryEnabled}\n                onChange={(e) => {\n                  this.changeAddRemoveEnabled(e.target.checked);\n                }}\n              />\n              Student can add categories\n            </div>\n\n            <AlertDialog\n              open={dialog.open}\n              title={dialog.title}\n              text={dialog.text}\n              onClose={dialog.onClose}\n              onConfirm={dialog.onConfirm}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(ChartingConfig);\n"],"file":"charting-config.js"}

package/configure/lib/configure.js

@@ -162,7 +162,8 @@ var Configure = /*#__PURE__*/function (_React$Component) {
           configuration = _this$props.configuration,
           onConfigurationChanged = _this$props.onConfigurationChanged,
           onModelChanged = _this$props.onModelChanged,
-          imageSupport = _this$props.imageSupport;
+          imageSupport = _this$props.imageSupport,
+          uploadSoundSupport = _this$props.uploadSoundSupport;
       log('[render] model', model);
       var graph = model.graph;
 
@@ -183,14 +184,20 @@ var Configure = /*#__PURE__*/function (_React$Component) {
           maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
           _ref2$maxImageHeight = _ref2.maxImageHeight,
           maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
+          _ref2$labelsPlacehold = _ref2.labelsPlaceholders,
+          labelsPlaceholders = _ref2$labelsPlacehold === void 0 ? {} : _ref2$labelsPlacehold,
+          _ref2$titlePlaceholde = _ref2.titlePlaceholder,
+          titlePlaceholder = _ref2$titlePlaceholde === void 0 ? {} : _ref2$titlePlaceholde,
           _ref2$chartDimensions = _ref2.chartDimensions,
-          chartDimensions = _ref2$chartDimensions === void 0 ? {} : _ref2$chartDimensions;
+          chartDimensions = _ref2$chartDimensions === void 0 ? {} : _ref2$chartDimensions,
+          withRubric = _ref2.withRubric;
 
       var _ref3 = model || {},
           teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
           promptEnabled = _ref3.promptEnabled,
           rationaleEnabled = _ref3.rationaleEnabled,
-          spellCheckEnabled = _ref3.spellCheckEnabled;
+          spellCheckEnabled = _ref3.spellCheckEnabled,
+          rubricEnabled = _ref3.rubricEnabled;
 
       var _this$state2 = this.state,
           gridValues = _this$state2.gridValues,
@@ -211,7 +218,8 @@ var Configure = /*#__PURE__*/function (_React$Component) {
               rationaleEnabled: rationale.settings && toggle(rationale.label),
               spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
               promptEnabled: prompt.settings && toggle(prompt.label),
-              scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring'])
+              scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring']),
+              rubricEnabled: withRubric.settings && toggle(withRubric.label)
             }
           }
         })
@@ -231,7 +239,13 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         nonEmpty: false,
         spellCheck: spellCheckEnabled,
         maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptHolder
@@ -244,7 +258,13 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         spellCheck: spellCheckEnabled,
         disableUnderline: true,
         maxImageWidth: defaultImageMaxWidth,
-        maxImageHeight: defaultImageMaxHeight
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label || 'Rationale',
         className: classes.promptHolder
@@ -255,7 +275,13 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         imageSupport: imageSupport,
         spellCheck: spellCheckEnabled,
         maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), /*#__PURE__*/_react["default"].createElement(_charting.ConfigureChartPanel, {
         model: model,
         onChange: this.onConfigChange,
@@ -267,6 +293,8 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         model: model,
         onChange: onModelChanged,
         charts: charts,
+        labelsPlaceholders: labelsPlaceholders,
+        titlePlaceholder: titlePlaceholder,
         showPixelGuides: showPixeGuides
       }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
         config: graph,
@@ -285,6 +313,7 @@ exports.Configure = Configure;
   onConfigurationChanged: _propTypes["default"].func,
   classes: _propTypes["default"].object,
   imageSupport: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
   model: _propTypes["default"].object.isRequired,
   configuration: _propTypes["default"].object.isRequired
 });

package/configure/lib/configure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","Configure","props","rationale","onModelChanged","model","teacherInstructions","chartType","config","state","oldGridValues","gridValues","oldLabelValues","labelValues","updatedModel","graph","range","rangeConstraints","height","setState","step","classes","configuration","onConfigurationChanged","imageSupport","scoringType","studentInstructions","spellCheck","maxImageWidth","maxImageHeight","chartDimensions","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","showPixeGuides","showInConfigPanel","defaultImageMaxWidth","defaultImageMaxHeight","Properties","label","studentInstructionsEnabled","onTeacherInstructionsChange","onPromptChange","onRationaleChange","onConfigChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { chartTypes, ConfigureChartPanel } from '@pie-lib/charting';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\n\nimport ChartingConfig from './charting-config';\nimport CorrectResponse from './correct-response';\nimport { applyConstraints, getGridValues, getLabelValues } from './utils';\n\n\nconst log = debug('@pie-element:graphing:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit,\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n});\n\nconst charts = [\n  chartTypes.Bar(),\n  chartTypes.Histogram(),\n  chartTypes.LineDot(),\n  chartTypes.LineCross(),\n  chartTypes.DotPlot(),\n  chartTypes.LinePlot(),\n];\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    imageSupport: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    const { range, graph } = props.model || {};\n\n    const gridValues = {\n      range: getGridValues(range, graph.height, true)\n    };\n\n    const labelValues = {\n      range: getLabelValues(range.step || 1)\n    };\n\n    this.state = { gridValues, labelValues };\n  };\n\n  static defaultProps = { classes: {} };\n\n  onRationaleChange = (rationale) =>\n    this.props.onModelChanged({ ...this.props.model, rationale });\n\n  onPromptChange = (prompt) =>\n    this.props.onModelChanged({ ...this.props.model, prompt });\n\n  onTeacherInstructionsChange = (teacherInstructions) =>\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n\n  onChartTypeChange = (chartType) =>\n    this.props.onModelChanged({ ...this.props.model, chartType });\n\n  onConfigChange = config => {\n    const { model } = this.props;\n    const { gridValues: oldGridValues, labelValues: oldLabelValues } = this.state;\n    const updatedModel = { ...model, ...config };\n    const { graph, range } = updatedModel;\n    const gridValues = {};\n    const labelValues = {};\n\n    const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n    gridValues.range = rangeConstraints.gridValues;\n    labelValues.range = rangeConstraints.labelValues;\n\n    this.setState({ gridValues, labelValues });\n    this.props.onModelChanged(updatedModel);\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      onModelChanged,\n      imageSupport,\n    } = this.props;\n    log('[render] model', model);\n    const { graph } = model;\n    const {\n      rationale = {},\n      scoringType = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      prompt = {},\n      spellCheck = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      chartDimensions = {},\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled } =\n      model || {};\n    const { gridValues, labelValues } = this.state;\n    const showPixeGuides = chartDimensions.showInConfigPanel || true;\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={onModelChanged}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                  spellCheck.settings && toggle(spellCheck.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, [\n                    'all or nothing',\n                    'partial scoring',\n                  ]),\n              },\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          <Typography component=\"div\" type=\"body1\">\n            <span>\n              This item type provides various types of interactive charts. Depending upon how an item is configured, students can change the heights of bars (or other similar chart elements) created by the author; relabel bars created by the author; and/or add new bars, label them, and set their heights.\n            </span>\n          </Typography>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                disableUnderline\n                maxImageWidth={defaultImageMaxWidth}\n                maxImageHeight={defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label || 'Rationale'}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChange}\n                imageSupport={imageSupport}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          <ConfigureChartPanel\n            model={model}\n            onChange={this.onConfigChange}\n            gridValues={gridValues}\n            labelValues={labelValues}\n            chartDimensions={chartDimensions}\n            charts={charts}\n          />\n\n          <ChartingConfig\n            model={model}\n            onChange={onModelChanged}\n            charts={charts}\n            showPixelGuides={showPixeGuides}\n          />\n\n          <CorrectResponse\n            config={graph}\n            model={model}\n            onChange={onModelChanged}\n            charts={charts}\n          />\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}
+{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","Configure","props","rationale","onModelChanged","model","teacherInstructions","chartType","config","state","oldGridValues","gridValues","oldLabelValues","labelValues","updatedModel","graph","range","rangeConstraints","height","setState","step","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","scoringType","studentInstructions","spellCheck","maxImageWidth","maxImageHeight","labelsPlaceholders","titlePlaceholder","chartDimensions","withRubric","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","rubricEnabled","showPixeGuides","showInConfigPanel","defaultImageMaxWidth","defaultImageMaxHeight","Properties","label","studentInstructionsEnabled","onTeacherInstructionsChange","language","onPromptChange","onRationaleChange","onConfigChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { chartTypes, ConfigureChartPanel } from '@pie-lib/charting';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\n\nimport ChartingConfig from './charting-config';\nimport CorrectResponse from './correct-response';\nimport { applyConstraints, getGridValues, getLabelValues } from './utils';\n\n\nconst log = debug('@pie-element:graphing:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit,\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n});\n\nconst charts = [\n  chartTypes.Bar(),\n  chartTypes.Histogram(),\n  chartTypes.LineDot(),\n  chartTypes.LineCross(),\n  chartTypes.DotPlot(),\n  chartTypes.LinePlot(),\n];\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    const { range, graph } = props.model || {};\n\n    const gridValues = {\n      range: getGridValues(range, graph.height, true)\n    };\n\n    const labelValues = {\n      range: getLabelValues(range.step || 1)\n    };\n\n    this.state = { gridValues, labelValues };\n  };\n\n  static defaultProps = { classes: {} };\n\n  onRationaleChange = (rationale) =>\n    this.props.onModelChanged({ ...this.props.model, rationale });\n\n  onPromptChange = (prompt) =>\n    this.props.onModelChanged({ ...this.props.model, prompt });\n\n  onTeacherInstructionsChange = (teacherInstructions) =>\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n\n  onChartTypeChange = (chartType) =>\n    this.props.onModelChanged({ ...this.props.model, chartType });\n\n  onConfigChange = config => {\n    const { model } = this.props;\n    const { gridValues: oldGridValues, labelValues: oldLabelValues } = this.state;\n    const updatedModel = { ...model, ...config };\n    const { graph, range } = updatedModel;\n    const gridValues = {};\n    const labelValues = {};\n\n    const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n    gridValues.range = rangeConstraints.gridValues;\n    labelValues.range = rangeConstraints.labelValues;\n\n    this.setState({ gridValues, labelValues });\n    this.props.onModelChanged(updatedModel);\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      onModelChanged,\n      imageSupport,\n      uploadSoundSupport\n    } = this.props;\n    log('[render] model', model);\n    const { graph } = model;\n    const {\n      rationale = {},\n      scoringType = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      prompt = {},\n      spellCheck = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      labelsPlaceholders = {},\n      titlePlaceholder = {},\n      chartDimensions = {},\n      withRubric,\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      rubricEnabled\n    } = model || {};\n    const { gridValues, labelValues } = this.state;\n    const showPixeGuides = chartDimensions.showInConfigPanel || true;\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={onModelChanged}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                  spellCheck.settings && toggle(spellCheck.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, [\n                    'all or nothing',\n                    'partial scoring',\n                  ]),\n                rubricEnabled: withRubric.settings && toggle(withRubric.label)\n              },\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          <Typography component=\"div\" type=\"body1\">\n            <span>\n              This item type provides various types of interactive charts. Depending upon how an item is configured, students can change the heights of bars (or other similar chart elements) created by the author; relabel bars created by the author; and/or add new bars, label them, and set their heights.\n            </span>\n          </Typography>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                disableUnderline\n                maxImageWidth={defaultImageMaxWidth}\n                maxImageHeight={defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label || 'Rationale'}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChange}\n                imageSupport={imageSupport}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          <ConfigureChartPanel\n            model={model}\n            onChange={this.onConfigChange}\n            gridValues={gridValues}\n            labelValues={labelValues}\n            chartDimensions={chartDimensions}\n            charts={charts}\n          />\n\n          <ChartingConfig\n            model={model}\n            onChange={onModelChanged}\n            charts={charts}\n            labelsPlaceholders={labelsPlaceholders}\n            titlePlaceholder={titlePlaceholder}\n            showPixelGuides={showPixeGuides}\n          />\n\n          <CorrectResponse\n            config={graph}\n            model={model}\n            onChange={onModelChanged}\n            charts={charts}\n          />\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}

package/configure/lib/defaults.js

@@ -87,7 +87,17 @@ var _default = {
     },
     title: {
       settings: false,
-      label: 'Graph Title'
+      label: 'Chart Title'
+    },
+    titlePlaceholder: {
+      settings: false,
+      label: 'Click here to add a title'
+    },
+    labelsPlaceholders: {
+      left: 'Click here to add a label for this axis',
+      right: '',
+      top: '',
+      bottom: 'Click here to add a label for this axis'
     },
     maxImageWidth: {
       teacherInstructions: 300,
@@ -98,6 +108,10 @@ var _default = {
       teacherInstructions: 300,
       prompt: 300,
       rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","addCategoryEnabled","categoryDefaultLabel","chartType","correctAnswer","data","domain","label","graph","width","height","prompt","promptEnabled","rationale","range","max","min","scoringType","title","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","spellCheck","settings","enabled","chartDimensions","showInConfigPanel","step","studentInstructions","teacherInstructions","maxImageWidth","maxImageHeight"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,kBAAkB,EAAE,IADf;AAELC,IAAAA,oBAAoB,EAAE,UAFjB;AAGLC,IAAAA,SAAS,EAAE,WAHN;AAILC,IAAAA,aAAa,EAAE,EAJV;AAKLC,IAAAA,IAAI,EAAE,EALD;AAMLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE;AADD,KANH;AASLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,GADF;AAELC,MAAAA,MAAM,EAAE;AAFH,KATF;AAaLC,IAAAA,MAAM,EAAE,sBAbH;AAcLC,IAAAA,aAAa,EAAE,IAdV;AAeLC,IAAAA,SAAS,EAAE,sBAfN;AAgBLC,IAAAA,KAAK,EAAE;AACLP,MAAAA,KAAK,EAAE,QADF;AAELQ,MAAAA,GAAG,EAAE,GAFA;AAGLC,MAAAA,GAAG,EAAE;AAHA,KAhBF;AAqBLC,IAAAA,WAAW,EAAE,gBArBR;AAsBLC,IAAAA,KAAK,EAAE,kBAtBF;AAuBLC,IAAAA,gBAAgB,EAAE,IAvBb;AAwBLC,IAAAA,0BAA0B,EAAE,IAxBvB;AAyBLC,IAAAA,0BAA0B,EAAE;AAzBvB,GADM;AA4BbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AACVhB,MAAAA,KAAK,EAAE,YADG;AAEViB,MAAAA,QAAQ,EAAC,KAFC;AAGVC,MAAAA,OAAO,EAAC;AAHE,KADC;AAMbC,IAAAA,eAAe,EAAE;AACfF,MAAAA,QAAQ,EAAE,KADK;AAEfjB,MAAAA,KAAK,EAAE,kBAFQ;AAGfoB,MAAAA,iBAAiB,EAAE,IAHJ;AAIflB,MAAAA,KAAK,EAAE;AACLO,QAAAA,GAAG,EAAE,EADA;AAELD,QAAAA,GAAG,EAAE,GAFA;AAGLa,QAAAA,IAAI,EAAE;AAHD,OAJQ;AASflB,MAAAA,MAAM,EAAE;AACNM,QAAAA,GAAG,EAAE,GADC;AAEND,QAAAA,GAAG,EAAE,GAFC;AAGNa,QAAAA,IAAI,EAAE;AAHA;AATO,KANJ;AAqBbjB,IAAAA,MAAM,EAAE;AACNa,MAAAA,QAAQ,EAAE,IADJ;AAENjB,MAAAA,KAAK,EAAE;AAFD,KArBK;AAyBbM,IAAAA,SAAS,EAAE;AACTW,MAAAA,QAAQ,EAAE,IADD;AAETjB,MAAAA,KAAK,EAAE;AAFE,KAzBE;AA6BbU,IAAAA,WAAW,EAAE;AACXO,MAAAA,QAAQ,EAAE,KADC;AAEXjB,MAAAA,KAAK,EAAE;AAFI,KA7BA;AAiCbsB,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,KADS;AAEnBjB,MAAAA,KAAK,EAAE;AAFY,KAjCR;AAqCbuB,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBjB,MAAAA,KAAK,EAAE;AAFY,KArCR;AAyCbW,IAAAA,KAAK,EAAE;AACLM,MAAAA,QAAQ,EAAE,KADL;AAELjB,MAAAA,KAAK,EAAE;AAFF,KAzCM;AA6CbwB,IAAAA,aAAa,EAAE;AACbD,MAAAA,mBAAmB,EAAE,GADR;AAEbnB,MAAAA,MAAM,EAAE,GAFK;AAGbE,MAAAA,SAAS,EAAE;AAHE,KA7CF;AAkDbmB,IAAAA,cAAc,EAAE;AACdF,MAAAA,mBAAmB,EAAE,GADP;AAEdnB,MAAAA,MAAM,EAAE,GAFM;AAGdE,MAAAA,SAAS,EAAE;AAHG;AAlDH;AA5BF,C","sourcesContent":["/**\n * NOTE: There's no functionality described for graphTitle,\n * rationale, scoringType, studentInstructions, teacherInstructions\n * so there's no implementation (they are only added in model)\n */\n\n\n// const createCategory = (label, value) => ({\n//   label,\n//   value,\n//   interactive: true,\n//   editable: true\n// });\n\nexport default {\n  model: {\n    addCategoryEnabled: true,\n    categoryDefaultLabel: 'Category',\n    chartType: 'lineCross',\n    correctAnswer: {},\n    data: [],\n    domain: {\n      label: 'Fruits',\n    },\n    graph: {\n      width: 480,\n      height: 480\n    },\n    prompt: 'Here goes item stem!',\n    promptEnabled: true,\n    rationale: 'Rationale goes here!',\n    range: {\n      label: 'Amount',\n      max: 5.5,\n      min: 0,\n    },\n    scoringType: 'all or nothing',\n    title: 'This is a chart!',\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    chartDimensions: {\n      settings: false,\n      label: 'Chart Dimensions',\n      showInConfigPanel: true,\n      width: {\n        min: 50,\n        max: 700,\n        step: 20\n      },\n      height: {\n        min: 400,\n        max: 700,\n        step: 20\n      },\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    title: {\n      settings: false,\n      label: 'Graph Title'\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    }\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","addCategoryEnabled","categoryDefaultLabel","chartType","correctAnswer","data","domain","label","graph","width","height","prompt","promptEnabled","rationale","range","max","min","scoringType","title","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","spellCheck","settings","enabled","chartDimensions","showInConfigPanel","step","studentInstructions","teacherInstructions","titlePlaceholder","labelsPlaceholders","left","right","top","bottom","maxImageWidth","maxImageHeight","withRubric"],"mappings":"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","sourcesContent":["/**\n * NOTE: There's no functionality described for graphTitle,\n * rationale, scoringType, studentInstructions, teacherInstructions\n * so there's no implementation (they are only added in model)\n */\n\n// const createCategory = (label, value) => ({\n//   label,\n//   value,\n//   interactive: true,\n//   editable: true\n// });\n\nexport default {\n  model: {\n    addCategoryEnabled: true,\n    categoryDefaultLabel: 'Category',\n    chartType: 'lineCross',\n    correctAnswer: {},\n    data: [],\n    domain: {\n      label: 'Fruits',\n    },\n    graph: {\n      width: 480,\n      height: 480,\n    },\n    prompt: 'Here goes item stem!',\n    promptEnabled: true,\n    rationale: 'Rationale goes here!',\n    range: {\n      label: 'Amount',\n      max: 5.5,\n      min: 0,\n    },\n    scoringType: 'all or nothing',\n    title: 'This is a chart!',\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    chartDimensions: {\n      settings: false,\n      label: 'Chart Dimensions',\n      showInConfigPanel: true,\n      width: {\n        min: 50,\n        max: 700,\n        step: 20,\n      },\n      height: {\n        min: 400,\n        max: 700,\n        step: 20,\n      },\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    title: {\n      settings: false,\n      label: 'Chart Title',\n    },\n    titlePlaceholder: {\n      settings: false,\n      label: 'Click here to add a title',\n    },\n    labelsPlaceholders: {\n      left: 'Click here to add a label for this axis',\n      right: '',\n      top: '',\n      bottom: 'Click here to add a label for this axis',\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric'\n    }\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/index.js

@@ -33,6 +33,8 @@ var _configure = _interopRequireDefault(require("./configure"));
 
 var _defaults = _interopRequireDefault(require("./defaults"));
 
+var _mathRendering = require("@pie-lib/math-rendering");
+
 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; }
@@ -99,9 +101,21 @@ var GraphLinesConfigure = /*#__PURE__*/function (_HTMLElement) {
     value: function onDeleteImage(src, done) {
       this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
     }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
   }, {
     key: "_render",
     value: function _render() {
+      var _this2 = this;
+
       if (this._model) {
         var el = /*#__PURE__*/_react["default"].createElement(_configure["default"], {
           onModelChanged: this.onModelChanged.bind(this),
@@ -111,10 +125,16 @@ var GraphLinesConfigure = /*#__PURE__*/function (_HTMLElement) {
           imageSupport: {
             add: this.insertImage.bind(this),
             "delete": this.onDeleteImage.bind(this)
+          },
+          uploadSoundSupport: {
+            add: this.insertSound.bind(this),
+            "delete": this.onDeleteSound.bind(this)
           }
         });
 
-        _reactDom["default"].render(el, this);
+        _reactDom["default"].render(el, this, function () {
+          (0, _mathRendering.renderMath)(_this2);
+        });
       }
     }
   }]);

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","GraphLinesConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","config","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Configure","onModelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,iCAAN,CAAZ;;IAEqBC,mB;;;;;AAGnB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;;AACA,WAAKD,OAAL;AACD;;;WAED,wBAAeE,KAAf,EAAsB;AACpB,WAAKR,MAAL,GAAcQ,KAAd;;AACA,WAAKF,OAAL;;AACAR,MAAAA,GAAG,CAAC,oBAAD,EAAuB,KAAKE,MAA5B,CAAH;AACA,WAAKS,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKV,MAA3B,CAAnB;AACD;;;WAED,gCAAuBW,MAAvB,EAA+B;AAC7B,WAAKT,cAAL,GAAsBS,MAAtB;;AACA,WAAKL,OAAL;AACD;;;WAED,qBAAYM,OAAZ,EAAqB;AACnB,WAAKH,aAAL,CAAmB,IAAII,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKN,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKf,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,qBAApB,EAA+B;AACxCC,UAAAA,cAAc,EAAE,KAAKA,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CADwB;AAExCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAFgB;AAGxCd,UAAAA,KAAK,EAAE,KAAKR,MAH4B;AAIxCI,UAAAA,aAAa,EAAE,KAAKF,cAJoB;AAKxCsB,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AAL0B,SAA/B,CAAX;;AAUAM,6BAASC,MAAT,CAAgBZ,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDArD8Ca,W;;;iCAA5B/B,mB,wBACS;AAAA,MAACS,KAAD,uEAAS,EAAT;AAAA,yCAAsBL,qBAAcK,KAApC,GAA8CA,KAA9C;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DeleteImageEvent, InsertImageEvent, ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport Configure from './configure';\nimport defaultValues from './defaults';\n\nconst log = debug('pie-elements:graphing:configure');\n\nexport default class GraphLinesConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({ ...defaultValues.model, ...model });\n\n  constructor() {\n    super();\n    this._model = GraphLinesConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = GraphLinesConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    this._render();\n    log('[onModelChanged]: ', this._model);\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","GraphLinesConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","config","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Configure","onModelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,iCAAN,CAAZ;;IAEqBC,mB;;;;;AAGnB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;;AACA,WAAKD,OAAL;AACD;;;WAED,wBAAeE,KAAf,EAAsB;AACpB,WAAKR,MAAL,GAAcQ,KAAd;;AACA,WAAKF,OAAL;;AACAR,MAAAA,GAAG,CAAC,oBAAD,EAAuB,KAAKE,MAA5B,CAAH;AACA,WAAKS,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKV,MAA3B,CAAnB;AACD;;;WAED,gCAAuBW,MAAvB,EAA+B;AAC7B,WAAKT,cAAL,GAAsBS,MAAtB;;AACA,WAAKL,OAAL;AACD;;;WAED,qBAAYM,OAAZ,EAAqB;AACnB,WAAKH,aAAL,CAAmB,IAAII,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKN,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKH,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKN,aAAL,CAAmB,IAAIS,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,KAAKf,MAAT,EAAiB;AACf,YAAMmB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,qBAApB,EAA+B;AACxCC,UAAAA,cAAc,EAAE,KAAKA,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CADwB;AAExCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAFgB;AAGxChB,UAAAA,KAAK,EAAE,KAAKR,MAH4B;AAIxCI,UAAAA,aAAa,EAAE,KAAKF,cAJoB;AAKxCwB,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI,WAL0B;AASxCM,UAAAA,kBAAkB,EAAE;AAClBH,YAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBP,IAAjB,CAAsB,IAAtB,CADa;AAElB,sBAAQ,KAAKQ,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAFU;AAToB,SAA/B,CAAX;;AAeAS,6BAASC,MAAT,CAAgBf,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,yCAAW,MAAX;AACD,SAFD;AAGD;AACF;;;kDApE8CgB,W;;;iCAA5BpC,mB,wBACS;AAAA,MAACS,KAAD,uEAAS,EAAT;AAAA,yCAAsBL,qBAAcK,KAApC,GAA8CA,KAA9C;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport Configure from './configure';\nimport defaultValues from './defaults';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst log = debug('pie-elements:graphing:configure');\n\nexport default class GraphLinesConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({ ...defaultValues.model, ...model });\n\n  constructor() {\n    super();\n    this._model = GraphLinesConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = GraphLinesConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    this._render();\n    log('[onModelChanged]: ', this._model);\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@pie-element/charting-configure",
   "private": true,
-  "version": "5.0.9",
+  "version": "5.0.10",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/charting": "^5.1.8",
-    "@pie-lib/config-ui": "^11.0.16",
-    "@pie-lib/editable-html": "^9.1.6",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/charting": "^5.3.0",
+    "@pie-lib/config-ui": "^11.0.20",
+    "@pie-lib/editable-html": "^9.2.2",
+    "@pie-lib/math-rendering": "^2.5.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",

package/docs/config-schema.json

@@ -51,6 +51,63 @@
         }
       }
     },
+    "titlePlaceholder": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "labelsPlaceholders": {
+      "title": "LabelsPlaceholderConfigProp",
+      "type": "object",
+      "properties": {
+        "top": {
+          "description": "This value is empty for charting. The property exist in order to be consistent with graphing configuration.",
+          "type": "string",
+          "title": "top"
+        },
+        "right": {
+          "description": "This value is empty for charting. The property exist in order to be consistent with graphing configuration.",
+          "type": "string",
+          "title": "right"
+        },
+        "bottom": {
+          "description": "Indicates the placeholder for the bottom label",
+          "type": "string",
+          "title": "bottom"
+        },
+        "left": {
+          "description": "Indicates the placeholder for the left label",
+          "type": "string",
+          "title": "left"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates the value of the item if it affects config-ui\n(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)",
+          "type": "boolean",
+          "title": "enabled"
+        }
+      }
+    },
     "scoringType": {
       "title": "ConfigureProp",
       "type": "object",
@@ -162,6 +219,22 @@
         }
       }
     },
+    "withRubric": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,
@@ -198,6 +271,47 @@
         }
       }
     },
+    "LabelsPlaceholderConfigProp": {
+      "title": "LabelsPlaceholderConfigProp",
+      "type": "object",
+      "properties": {
+        "top": {
+          "description": "This value is empty for charting. The property exist in order to be consistent with graphing configuration.",
+          "type": "string",
+          "title": "top"
+        },
+        "right": {
+          "description": "This value is empty for charting. The property exist in order to be consistent with graphing configuration.",
+          "type": "string",
+          "title": "right"
+        },
+        "bottom": {
+          "description": "Indicates the placeholder for the bottom label",
+          "type": "string",
+          "title": "bottom"
+        },
+        "left": {
+          "description": "Indicates the placeholder for the left label",
+          "type": "string",
+          "title": "left"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates the value of the item if it affects config-ui\n(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)",
+          "type": "boolean",
+          "title": "enabled"
+        }
+      }
+    },
     "ConfigurePropWithEnabled": {
       "title": "ConfigurePropWithEnabled",
       "type": "object",
@@ -242,4 +356,4 @@
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"
-}
+}

package/docs/config-schema.json.md

@@ -38,6 +38,51 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `titlePlaceholder` (object)
+
+Properties of the `titlePlaceholder` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+# `labelsPlaceholders` (object)
+
+Properties of the `labelsPlaceholders` object:
+
+## `top` (string)
+
+This value is empty for charting. The property exist in order to be consistent with graphing configuration.
+
+## `right` (string)
+
+This value is empty for charting. The property exist in order to be consistent with graphing configuration.
+
+## `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+## `left` (string)
+
+Indicates the placeholder for the left label
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+## `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
 # `scoringType` (object)
 
 Properties of the `scoringType` object:
@@ -123,6 +168,18 @@ Indicates the max dimension for images in prompt - this is also the default dime
 
 Indicates the max dimension for images in rationale
 
+# `withRubric` (object)
+
+Properties of the `withRubric` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -159,6 +216,39 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `LabelsPlaceholderConfigProp` (object)
+
+Properties of the `LabelsPlaceholderConfigProp` object:
+
+### `top` (string)
+
+This value is empty for charting. The property exist in order to be consistent with graphing configuration.
+
+### `right` (string)
+
+This value is empty for charting. The property exist in order to be consistent with graphing configuration.
+
+### `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+### `left` (string)
+
+Indicates the placeholder for the left label
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+### `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
 ## `ConfigurePropWithEnabled` (object)
 
 Properties of the `ConfigurePropWithEnabled` object:

package/docs/demo/generate.js

@@ -57,4 +57,5 @@ exports.model = (id, element) => ({
     labelStep: 1,
   },
   title: 'This is a chart!',
+  rubricEnabled: false
 });

package/docs/pie-schema.json

@@ -463,6 +463,26 @@
       "type": "string",
       "title": "title"
     },
+    "placeholderMessages": {
+      "title": "Placeholder",
+      "type": "object",
+      "properties": {
+        "title": {
+          "description": "Indicates placeholder message if title is not defined",
+          "type": "string",
+          "title": "title"
+        },
+        "labels": {
+          "description": "Indicates placeholder message if labels for range or domain are not defined",
+          "type": "string",
+          "title": "labels"
+        }
+      },
+      "required": [
+        "labels",
+        "title"
+      ]
+    },
     "rationaleEnabled": {
       "description": "Indicates if Rationale are enabled",
       "type": "boolean",
@@ -483,6 +503,11 @@
       "type": "boolean",
       "title": "teacherInstructionsEnabled"
     },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -506,6 +531,7 @@
     "id",
     "range",
     "rationaleEnabled",
+    "rubricEnabled",
     "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled"
@@ -527,6 +553,47 @@
         }
       }
     },
+    "LabelsPlaceholderConfigProp": {
+      "title": "LabelsPlaceholderConfigProp",
+      "type": "object",
+      "properties": {
+        "top": {
+          "description": "This value is empty for charting. The property exist in order to be consistent with graphing configuration.",
+          "type": "string",
+          "title": "top"
+        },
+        "right": {
+          "description": "This value is empty for charting. The property exist in order to be consistent with graphing configuration.",
+          "type": "string",
+          "title": "right"
+        },
+        "bottom": {
+          "description": "Indicates the placeholder for the bottom label",
+          "type": "string",
+          "title": "bottom"
+        },
+        "left": {
+          "description": "Indicates the placeholder for the left label",
+          "type": "string",
+          "title": "left"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates the value of the item if it affects config-ui\n(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)",
+          "type": "boolean",
+          "title": "enabled"
+        }
+      }
+    },
     "ConfigurePropWithEnabled": {
       "title": "ConfigurePropWithEnabled",
       "type": "object",
@@ -851,6 +918,26 @@
         "height",
         "width"
       ]
+    },
+    "Placeholder": {
+      "title": "Placeholder",
+      "type": "object",
+      "properties": {
+        "title": {
+          "description": "Indicates placeholder message if title is not defined",
+          "type": "string",
+          "title": "title"
+        },
+        "labels": {
+          "description": "Indicates placeholder message if labels for range or domain are not defined",
+          "type": "string",
+          "title": "labels"
+        }
+      },
+      "required": [
+        "labels",
+        "title"
+      ]
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/docs/pie-schema.json.md

@@ -138,6 +138,18 @@ Indicates teacher instructions
 
 Indicates chart title
 
+# `placeholderMessages` (object)
+
+Properties of the `placeholderMessages` object:
+
+## `title` (string, required)
+
+Indicates placeholder message if title is not defined
+
+## `labels` (string, required)
+
+Indicates placeholder message if labels for range or domain are not defined
+
 # `rationaleEnabled` (boolean, required)
 
 Indicates if Rationale are enabled
@@ -154,6 +166,10 @@ Indicates if Student Instructions are enabled
 
 Indicates if Teacher Instructions are enabled
 
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
@@ -180,6 +196,39 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `LabelsPlaceholderConfigProp` (object)
+
+Properties of the `LabelsPlaceholderConfigProp` object:
+
+### `top` (string)
+
+This value is empty for charting. The property exist in order to be consistent with graphing configuration.
+
+### `right` (string)
+
+This value is empty for charting. The property exist in order to be consistent with graphing configuration.
+
+### `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+### `left` (string)
+
+Indicates the placeholder for the left label
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+### `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
 ## `ConfigurePropWithEnabled` (object)
 
 Properties of the `ConfigurePropWithEnabled` object:
@@ -307,4 +356,16 @@ Width for chart representation
 
 ### `height` (number, required)
 
-Height for chart representation
+Height for chart representation
+
+## `Placeholder` (object)
+
+Properties of the `Placeholder` object:
+
+### `title` (string, required)
+
+Indicates placeholder message if title is not defined
+
+### `labels` (string, required)
+
+Indicates placeholder message if labels for range or domain are not defined

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","data","setState","categories","onAnswersChange","showingCorrect","state","model","nextProps","nextData","classes","teacherInstructions","prompt","chartType","size","domain","range","title","addCategoryEnabled","categoryDefaultLabel","rationale","correctedAnswer","correctAnswer","correctData","map","interactive","editable","showToggle","length","mainContainer","toggleCorrect","hidden","visible","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","changeData","React","Component","PropTypes","object","isRequired","func","array","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","overflow"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {color, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { Chart, chartTypes } from '@pie-lib/charting';\nimport isEqual from 'lodash/isEqual';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n    categories: PropTypes.array,\n  };\n\n  static defaultProps = { classes: {} };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      categories: props.categories || props.model.data,\n      showingCorrect: false,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { model: { data: nextData = [] } = {} } = nextProps;\n    const { model: { data = [] } = {} } = this.props;\n\n    if (!isEqual(nextData, data)) {\n      this.setState({ categories: nextData });\n    }\n  }\n\n  changeData = (data) =>\n    this.setState(\n      {\n        categories: data,\n      },\n      () => this.props.onAnswersChange(data)\n    );\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { categories, showingCorrect } = this.state;\n    const { model, classes } = this.props;\n    const {\n      teacherInstructions,\n      prompt,\n      chartType,\n      size,\n      domain,\n      range,\n      title,\n      addCategoryEnabled,\n      categoryDefaultLabel,\n      rationale,\n      correctedAnswer,\n      correctAnswer,\n    } = model;\n\n    const correctData =\n      correctAnswer && correctAnswer.data\n        ? correctAnswer.data.map((data) => {\n            return {\n              ...data,\n              interactive: false,\n              editable: false,\n            };\n          })\n        : [];\n\n    const showToggle = correctData && correctData.length > 0;\n\n    return (\n      <div className={classes.mainContainer}>\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n        />\n\n        {teacherInstructions && hasText(teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n            >\n              <PreviewPrompt prompt={teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n\n        {prompt && (\n          <React.Fragment>\n            <PreviewPrompt className=\"prompt\" prompt={prompt} />\n            <br />\n          </React.Fragment>\n        )}\n\n        {showingCorrect && showToggle ? (\n          <Chart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctData || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={false}\n            categoryDefaultLabel={categoryDefaultLabel}\n          />\n        ) : (\n          <Chart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctedAnswer || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={addCategoryEnabled}\n            categoryDefaultLabel={categoryDefaultLabel}\n          />\n        )}\n\n        <br />\n        {rationale && hasText(rationale) && (\n          <Collapsible\n            labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n          >\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background(),\n    overflow: 'hidden'\n  }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","data","setState","categories","onAnswersChange","showingCorrect","state","model","nextProps","nextData","classes","teacherInstructions","prompt","chartType","size","domain","range","title","addCategoryEnabled","categoryDefaultLabel","rationale","correctedAnswer","correctAnswer","correctData","map","interactive","editable","showToggle","length","mainContainer","toggleCorrect","hidden","visible","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","changeData","React","Component","PropTypes","object","isRequired","func","array","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","overflow"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {color, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { Chart, chartTypes } from '@pie-lib/charting';\nimport isEqual from 'lodash/isEqual';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n    categories: PropTypes.array,\n  };\n\n  static defaultProps = { classes: {} };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      categories: props.categories || props.model.data,\n      showingCorrect: false,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { model: { data: nextData = [] } = {} } = nextProps;\n    const { model: { data = [] } = {} } = this.props;\n\n    if (!isEqual(nextData, data)) {\n      this.setState({ categories: nextData });\n    }\n  }\n\n  changeData = (data) =>\n    this.setState(\n      {\n        categories: data,\n      },\n      () => this.props.onAnswersChange(data)\n    );\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { categories, showingCorrect } = this.state;\n    const { model, classes } = this.props;\n    const {\n      teacherInstructions,\n      prompt,\n      chartType,\n      size,\n      domain,\n      range,\n      title,\n      addCategoryEnabled,\n      categoryDefaultLabel,\n      rationale,\n      correctedAnswer,\n      correctAnswer,\n    } = model;\n  \n    const correctData =\n      correctAnswer && correctAnswer.data\n        ? correctAnswer.data.map((data) => {\n            return {\n              ...data,\n              interactive: false,\n              editable: false,\n            };\n          })\n        : [];\n\n    const showToggle = correctData && correctData.length > 0;\n\n    return (\n      <div className={classes.mainContainer}>\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n        />\n\n        {teacherInstructions && hasText(teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n            >\n              <PreviewPrompt prompt={teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n\n        {prompt && (\n          <React.Fragment>\n            <PreviewPrompt className=\"prompt\" prompt={prompt} />\n            <br />\n          </React.Fragment>\n        )}\n\n        {showingCorrect && showToggle ? (\n          <Chart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctData || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={false}\n            categoryDefaultLabel={categoryDefaultLabel}\n          />\n        ) : (\n          <Chart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctedAnswer || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={addCategoryEnabled}\n            categoryDefaultLabel={categoryDefaultLabel}\n          />\n        )}\n\n        <br />\n        {rationale && hasText(rationale) && (\n          <Collapsible\n            labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n          >\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background(),\n    overflow: 'hidden'\n  }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "5.0.9",
+  "version": "5.0.11-next.173+d434ce108",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -13,10 +13,10 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/charting": "^5.1.8",
-    "@pie-lib/correct-answer-toggle": "^2.3.45",
+    "@pie-lib/charting": "^5.3.0",
+    "@pie-lib/correct-answer-toggle": "^2.3.46",
     "@pie-lib/math-rendering": "^2.5.0",
-    "@pie-lib/render-ui": "^4.13.5",
+    "@pie-lib/render-ui": "^4.13.6",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "dec027da9b944f8ee4286ab27e27fb888f657155",
+  "gitHead": "d434ce108dd12cb05f72f676a79bbfba67944cb3",
   "main": "lib/index.js",
   "module": "src/index.js"
 }