@pie-element/charting 12.1.2-next.5 → 12.1.3

package/configure/lib/correct-response.js

@@ -0,0 +1,244 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUpdatedCategories = exports.default = exports.CorrectResponse = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _charting = require("@pie-lib/charting");
+var _lodashEs = require("lodash-es");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Container = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2.5),
+  display: 'flex',
+  flex: 1
+}));
+const Column = (0, _styles.styled)('div')({
+  flex: 1
+});
+const ChartError = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  border: `2px solid ${theme.palette.error.main}`
+}));
+const ErrorText = (0, _styles.styled)(_Typography.default)(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingTop: theme.spacing(1)
+}));
+const Title = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(1)
+}));
+const addCategoryProps = (correctAnswer, data) => correctAnswer.map((correct, index) => ({
+  ...correct,
+  editable: index < data.length ? data[index].editable : true,
+  interactive: index < data.length ? data[index].interactive : true,
+  deletable: index >= data.length ? true : false
+}));
+const updateCorrectResponseData = (correctAnswer, data) => {
+  if (!correctAnswer) {
+    return data;
+  }
+  const correctAnswerData = [...correctAnswer];
+  let correctResponseDefinition = [];
+  (data || []).forEach((category, currentIndex) => {
+    const editable = category.editable;
+    const interactive = category.interactive;
+    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;
+    const value = interactive && correctAnswer[currentIndex]?.value || interactive && correctAnswer[currentIndex]?.value == 0 ? correctAnswer[currentIndex].value : category.value;
+    correctResponseDefinition[currentIndex] = {
+      label: label,
+      value: value,
+      editable: category.editable,
+      interactive: category.interactive
+    };
+  });
+  if (correctResponseDefinition.length < correctAnswer.length) {
+    const missingCategories = (correctAnswerData || []).slice(correctResponseDefinition.length, correctAnswer.length);
+    return addCategoryProps((correctResponseDefinition || []).concat(missingCategories), data);
+  }
+  return correctResponseDefinition;
+};
+const insertCategory = (correctAnswer, data) => {
+  const positionToInsert = data.length - 1;
+  // eslint-disable-next-line no-unused-vars
+  const {
+    editable,
+    interactive,
+    deletable,
+    ...categoryToInsert
+  } = data[data.length - 1];
+  (correctAnswer || []).splice(positionToInsert, 0, categoryToInsert);
+  const correctAnswerData = [...correctAnswer];
+  return addCategoryProps(correctAnswerData, data);
+};
+const removeCategory = (correctAnswer, data, positionToRemove) => {
+  (correctAnswer || []).splice(positionToRemove, 1);
+  const correctAnswerData = [...correctAnswer];
+  return addCategoryProps(correctAnswerData, data);
+};
+const getUpdatedCategories = (nextProps, prevProps, prevState) => {
+  const nextData = nextProps && nextProps.model && nextProps.model.data || [];
+  const data = prevProps && prevProps.model && prevProps.model.data || [];
+  const nextCorrectAnswerDataCopy = (0, _lodashEs.cloneDeep)(nextProps && nextProps.model && nextProps.model.correctAnswer && nextProps.model.correctAnswer.data || []);
+  const categoriesCopy = (0, _lodashEs.cloneDeep)(prevState ? prevState.categories : []);
+  let nextCategories = [];
+
+  // Handle categories insertion in Define Chart
+  if (nextData.length > data.length) {
+    nextCategories = insertCategory(nextCorrectAnswerDataCopy, nextData);
+    return nextCategories;
+  }
+
+  // Handle categories removal from Define Chart
+  if (nextData.length < data.length) {
+    let removedIndex = nextData.length;
+
+    // we need to remove the category from the correct answer data and categories, from the same index it was removed from the data
+    // index is a property of the nextData category
+    for (let index = 0; index < nextData.length; index++) {
+      if (nextData[index].index !== index) {
+        removedIndex = index;
+        break;
+      }
+    }
+    nextCategories = removeCategory(categoriesCopy, nextData, removedIndex);
+    return nextCategories;
+  }
+
+  // Handle category value or label changes in Define Chart
+  // Handle categories update in Define Correct Response Chart
+  nextCategories = updateCorrectResponseData(nextCorrectAnswerDataCopy, nextData);
+  return nextCategories;
+};
+exports.getUpdatedCategories = getUpdatedCategories;
+class CorrectResponse extends React.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "changeData", data => {
+      const {
+        model,
+        onChange
+      } = this.props;
+      const {
+        correctAnswer
+      } = model || {};
+      onChange({
+        ...model,
+        correctAnswer: {
+          ...correctAnswer,
+          // eslint-disable-next-line no-unused-vars
+          data: data.map(({
+            interactive,
+            editable,
+            index,
+            ...keepAttrs
+          }) => keepAttrs)
+        }
+      });
+    });
+    this.state = {
+      categories: []
+    };
+  }
+  componentDidMount() {
+    const initialCategories = getUpdatedCategories(this.props, this.props, null);
+    this.setState({
+      categories: initialCategories || updateCorrectResponseData(this.props.model.correctAnswer.data, this.props.model.data)
+    });
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const nextCategories = getUpdatedCategories(this.props, prevProps, prevState);
+    if (nextCategories && !(0, _lodashEs.isEqual)(nextCategories, this.state.categories)) {
+      this.changeData(nextCategories);
+      this.setState({
+        categories: nextCategories
+      });
+    }
+  }
+  render() {
+    const {
+      model,
+      charts,
+      error,
+      studentNewCategoryDefaultLabel,
+      correctAnswerErrors,
+      mathMlOptions = {},
+      labelsPlaceholders = {}
+    } = this.props;
+    const {
+      categories
+    } = this.state;
+    const {
+      domain = {},
+      range = {}
+    } = model || {};
+    const {
+      identicalError,
+      categoriesError
+    } = correctAnswerErrors || {};
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Title, null, "Define Correct Response"), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Column, {
+      key: "graph"
+    }, /*#__PURE__*/React.createElement(_Typography.default, {
+      component: "div",
+      type: "body1"
+    }, /*#__PURE__*/React.createElement("span", null, "Use the tools below to define the correct answer.")), identicalError || categoriesError ? /*#__PURE__*/React.createElement(ChartError, {
+      key: `correct-response-graph-${model.correctAnswer.name}`
+    }, /*#__PURE__*/React.createElement(_charting.Chart, {
+      chartType: model.chartType,
+      size: model.graph,
+      domain: domain,
+      range: range,
+      charts: charts,
+      data: categories,
+      title: model.title,
+      onDataChange: this.changeData,
+      addCategoryEnabled: model.addCategoryEnabled,
+      categoryDefaultLabel: studentNewCategoryDefaultLabel,
+      error: error,
+      mathMlOptions: mathMlOptions,
+      labelsPlaceholders: labelsPlaceholders
+    })) : /*#__PURE__*/React.createElement("div", {
+      key: `correct-response-graph-${model.correctAnswer.name}`
+    }, /*#__PURE__*/React.createElement(_charting.Chart, {
+      chartType: model.chartType,
+      size: model.graph,
+      domain: domain,
+      range: range,
+      charts: charts,
+      data: categories,
+      title: model.title,
+      onDataChange: this.changeData,
+      addCategoryEnabled: model.addCategoryEnabled,
+      categoryDefaultLabel: studentNewCategoryDefaultLabel,
+      error: error,
+      mathMlOptions: mathMlOptions,
+      labelsPlaceholders: labelsPlaceholders
+    })), (identicalError || categoriesError) && /*#__PURE__*/React.createElement(ErrorText, {
+      component: "div",
+      type: "body1"
+    }, /*#__PURE__*/React.createElement("span", null, identicalError || categoriesError)))));
+  }
+}
+exports.CorrectResponse = CorrectResponse;
+(0, _defineProperty2.default)(CorrectResponse, "propTypes", {
+  correctAnswerErrors: _propTypes.default.object,
+  studentNewCategoryDefaultLabel: _propTypes.default.string,
+  model: _propTypes.default.object.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  charts: _propTypes.default.array,
+  error: _propTypes.default.string
+});
+var _default = exports.default = CorrectResponse;
+//# sourceMappingURL=correct-response.js.map

package/configure/lib/correct-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correct-response.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_charting","_lodashEs","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","styled","theme","marginBottom","spacing","display","flex","Column","ChartError","border","palette","error","main","ErrorText","Typography","fontSize","typography","color","paddingTop","Title","addCategoryProps","correctAnswer","data","map","correct","index","editable","length","interactive","deletable","updateCorrectResponseData","correctAnswerData","correctResponseDefinition","forEach","category","currentIndex","label","value","missingCategories","slice","concat","insertCategory","positionToInsert","categoryToInsert","splice","removeCategory","positionToRemove","getUpdatedCategories","nextProps","prevProps","prevState","nextData","model","nextCorrectAnswerDataCopy","cloneDeep","categoriesCopy","categories","nextCategories","removedIndex","exports","CorrectResponse","Component","constructor","props","_defineProperty2","onChange","keepAttrs","state","componentDidMount","initialCategories","setState","componentDidUpdate","isEqual","changeData","render","charts","studentNewCategoryDefaultLabel","correctAnswerErrors","mathMlOptions","labelsPlaceholders","domain","range","identicalError","categoriesError","createElement","key","component","type","name","Chart","chartType","size","graph","title","onDataChange","addCategoryEnabled","categoryDefaultLabel","PropTypes","object","string","isRequired","func","array","_default"],"sources":["../src/correct-response.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { Chart } from '@pie-lib/charting';\nimport { cloneDeep, isEqual } from 'lodash-es';\n\nimport Typography from '@mui/material/Typography';\n\nconst Container = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(2.5),\n  display: 'flex',\n  flex: 1,\n}));\n\nconst Column = styled('div')({\n  flex: 1,\n});\n\nconst ChartError = styled('div')(({ theme }) => ({\n  border: `2px solid ${theme.palette.error.main}`,\n}));\n\nconst ErrorText = styled(Typography)(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nconst Title = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(1),\n}));\n\nconst addCategoryProps = (correctAnswer, data) =>\n  correctAnswer.map((correct, index) => ({\n    ...correct,\n    editable: index < data.length ? data[index].editable : true,\n    interactive: index < data.length ? data[index].interactive : true,\n    deletable: index >= data.length ? true : false,\n  }));\n\nconst updateCorrectResponseData = (correctAnswer, data) => {\n  if (!correctAnswer) {\n    return data;\n  }\n\n  const correctAnswerData = [...correctAnswer];\n  let correctResponseDefinition = [];\n\n  (data || []).forEach((category, currentIndex) => {\n    const editable = category.editable;\n    const interactive = category.interactive;\n    const label = editable && correctAnswer[currentIndex]?.label ? correctAnswer[currentIndex].label : category.label;\n    const value =\n      (interactive && correctAnswer[currentIndex]?.value) || (interactive && correctAnswer[currentIndex]?.value == 0)\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  if (correctResponseDefinition.length < correctAnswer.length) {\n    const missingCategories = (correctAnswerData || []).slice(correctResponseDefinition.length, correctAnswer.length);\n\n    return addCategoryProps((correctResponseDefinition || []).concat(missingCategories), data);\n  }\n\n  return correctResponseDefinition;\n};\n\nconst insertCategory = (correctAnswer, data) => {\n  const positionToInsert = data.length - 1;\n  // eslint-disable-next-line no-unused-vars\n  const { editable, interactive, deletable, ...categoryToInsert } = data[data.length - 1];\n\n  (correctAnswer || []).splice(positionToInsert, 0, categoryToInsert);\n  const correctAnswerData = [...correctAnswer];\n\n  return addCategoryProps(correctAnswerData, data);\n};\n\nconst removeCategory = (correctAnswer, data, positionToRemove) => {\n  (correctAnswer || []).splice(positionToRemove, 1);\n  const correctAnswerData = [...correctAnswer];\n\n  return addCategoryProps(correctAnswerData, data);\n};\n\nexport const getUpdatedCategories = (nextProps, prevProps, prevState) => {\n  const nextData = (nextProps && nextProps.model && nextProps.model.data) || [];\n  const data = (prevProps && prevProps.model && prevProps.model.data) || [];\n  const nextCorrectAnswerDataCopy = cloneDeep(\n    (nextProps && nextProps.model && nextProps.model.correctAnswer && nextProps.model.correctAnswer.data) || [],\n  );\n\n  const categoriesCopy = cloneDeep(prevState ? prevState.categories : []);\n\n  let nextCategories = [];\n\n  // Handle categories insertion in Define Chart\n  if (nextData.length > data.length) {\n    nextCategories = insertCategory(nextCorrectAnswerDataCopy, nextData);\n    return nextCategories;\n  }\n\n  // Handle categories removal from Define Chart\n  if (nextData.length < data.length) {\n    let removedIndex = nextData.length;\n\n    // we need to remove the category from the correct answer data and categories, from the same index it was removed from the data\n    // index is a property of the nextData category\n    for (let index = 0; index < nextData.length; index++) {\n      if (nextData[index].index !== index) {\n        removedIndex = index;\n        break;\n      }\n    }\n\n    nextCategories = removeCategory(categoriesCopy, nextData, removedIndex);\n    return nextCategories;\n  }\n\n  // Handle category value or label changes in Define Chart\n  // Handle categories update in Define Correct Response Chart\n  nextCategories = updateCorrectResponseData(nextCorrectAnswerDataCopy, nextData);\n\n  return nextCategories;\n};\n\nexport class CorrectResponse extends React.Component {\n  static propTypes = {\n    correctAnswerErrors: PropTypes.object,\n    studentNewCategoryDefaultLabel: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    charts: PropTypes.array,\n    error: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      categories: [],\n    };\n  }\n\n  changeData = (data) => {\n    const { model, onChange } = this.props;\n    const { correctAnswer } = model || {};\n\n    onChange({\n      ...model,\n      correctAnswer: {\n        ...correctAnswer,\n        // eslint-disable-next-line no-unused-vars\n        data: data.map(({ interactive, editable, index, ...keepAttrs }) => keepAttrs),\n      },\n    });\n  };\n\n  componentDidMount() {\n    const initialCategories = getUpdatedCategories(this.props, this.props, null);\n\n    this.setState({\n      categories:\n        initialCategories || updateCorrectResponseData(this.props.model.correctAnswer.data, this.props.model.data),\n    });\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const nextCategories = getUpdatedCategories(this.props, prevProps, prevState);\n\n    if (nextCategories && !isEqual(nextCategories, this.state.categories)) {\n      this.changeData(nextCategories);\n      this.setState({ categories: nextCategories });\n    }\n  }\n\n  render() {\n    const {\n      model,\n      charts,\n      error,\n      studentNewCategoryDefaultLabel,\n      correctAnswerErrors,\n      mathMlOptions = {},\n      labelsPlaceholders = {},\n    } = this.props;\n    const { categories } = this.state;\n\n    const { domain = {}, range = {} } = model || {};\n    const { identicalError, categoriesError } = correctAnswerErrors || {};\n\n    return (\n      <div>\n        <Title>Define Correct Response</Title>\n        <Container>\n          <Column key=\"graph\">\n            <Typography component=\"div\" type=\"body1\">\n              <span>Use the tools below to define the correct answer.</span>\n            </Typography>\n\n            {identicalError || categoriesError ? (\n              <ChartError key={`correct-response-graph-${model.correctAnswer.name}`}>\n                <Chart\n                  chartType={model.chartType}\n                  size={model.graph}\n                  domain={domain}\n                  range={range}\n                  charts={charts}\n                  data={categories}\n                  title={model.title}\n                  onDataChange={this.changeData}\n                  addCategoryEnabled={model.addCategoryEnabled}\n                  categoryDefaultLabel={studentNewCategoryDefaultLabel}\n                  error={error}\n                  mathMlOptions={mathMlOptions}\n                  labelsPlaceholders={labelsPlaceholders}\n                />\n              </ChartError>\n            ) : (\n              <div key={`correct-response-graph-${model.correctAnswer.name}`}>\n                <Chart\n                  chartType={model.chartType}\n                  size={model.graph}\n                  domain={domain}\n                  range={range}\n                  charts={charts}\n                  data={categories}\n                  title={model.title}\n                  onDataChange={this.changeData}\n                  addCategoryEnabled={model.addCategoryEnabled}\n                  categoryDefaultLabel={studentNewCategoryDefaultLabel}\n                  error={error}\n                  mathMlOptions={mathMlOptions}\n                  labelsPlaceholders={labelsPlaceholders}\n                />\n              </div>\n            )}\n\n            {(identicalError || categoriesError) && (\n              <ErrorText component=\"div\" type=\"body1\">\n                <span>{identicalError || categoriesError}</span>\n              </ErrorText>\n            )}\n          </Column>\n        </Container>\n      </div>\n    );\n  }\n}\n\nexport default CorrectResponse;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/defaults.js

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * NOTE: There's no functionality described for graphTitle,
+ * rationale, scoringType, studentInstructions, teacherInstructions
+ * so there's no implementation (they are only added in model)
+ */
+// const createCategory = (label, value) => ({
+//   label,
+//   value,
+//   interactive: true,
+//   editable: true
+// });
+var _default = exports.default = {
+  model: {
+    addCategoryEnabled: true,
+    changeAddCategoryEnabled: false,
+    changeEditableEnabled: false,
+    changeInteractiveEnabled: false,
+    chartType: 'lineCross',
+    correctAnswer: {},
+    data: [],
+    domain: {},
+    graph: {
+      width: 480,
+      height: 480
+    },
+    prompt: '',
+    promptEnabled: true,
+    range: {
+      label: '',
+      max: 1,
+      min: 0,
+      labelStep: 1
+    },
+    rationale: '',
+    rationaleEnabled: true,
+    scoringType: 'all or nothing',
+    studentInstructionsEnabled: true,
+    studentNewCategoryDefaultLabel: 'New Category',
+    teacherInstructions: '',
+    teacherInstructionsEnabled: true,
+    title: ''
+  },
+  configuration: {
+    baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    chartDimensions: {
+      settings: false,
+      label: 'Chart Dimensions',
+      showInConfigPanel: true,
+      width: {
+        min: 50,
+        max: 700,
+        step: 20
+      },
+      height: {
+        min: 400,
+        max: 700,
+        step: 20
+      }
+    },
+    authorNewCategoryDefaults: {
+      settings: false,
+      label: 'Category',
+      interactive: true,
+      editable: false
+    },
+    availableChartTypes: {
+      bar: 'Bar Chart',
+      histogram: 'Histogram',
+      lineDot: 'Line Chart ●',
+      lineCross: 'Line Chart x',
+      dotPlot: 'Dot/Line Plot ⬤',
+      linePlot: 'Dot/Line Plot X'
+    },
+    chartTypeLabel: 'ChartType',
+    studentNewCategoryDefaultLabel: {
+      settings: false,
+      label: 'Category'
+    },
+    prompt: {
+      settings: true,
+      label: 'Item Stem',
+      required: false,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale',
+      required: false,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    scoringType: {
+      settings: false,
+      label: 'Scoring Type'
+    },
+    settingsPanelDisabled: false,
+    studentInstructions: {
+      settings: false,
+      label: 'Student Instructions'
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      required: false,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    title: {
+      settings: false,
+      label: 'Chart Title'
+    },
+    instruction: {
+      settings: false,
+      label: 'This item type provides various types of interactive charts. Depending upon how an item is configured,\n' + '          students can change the heights of bars (or other similar chart elements) created by the author; relabel bars\n' + '          created by the author; and/or add new bars, label them, and set their heights.'
+    },
+    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,
+      prompt: 300,
+      rationale: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    },
+    chartingOptions: {
+      changeInteractive: {
+        settings: false,
+        authoringLabel: 'Student can set value',
+        settingsLabel: 'Allow non-interactive categories'
+      },
+      changeEditable: {
+        settings: false,
+        authoringLabel: 'Student can edit name',
+        settingsLabel: 'Allow editable category names'
+      },
+      addCategory: {
+        settings: false,
+        authoringLabel: 'Student can add categories',
+        settingsLabel: 'Allow changes to whether students can add categories'
+      },
+      mathMlOptions: {
+        mmlOutput: false,
+        mmlEditing: false
+      }
+    }
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["_default","exports","default","model","addCategoryEnabled","changeAddCategoryEnabled","changeEditableEnabled","changeInteractiveEnabled","chartType","correctAnswer","data","domain","graph","width","height","prompt","promptEnabled","range","label","max","min","labelStep","rationale","rationaleEnabled","scoringType","studentInstructionsEnabled","studentNewCategoryDefaultLabel","teacherInstructions","teacherInstructionsEnabled","title","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","spellCheck","settings","enabled","chartDimensions","showInConfigPanel","step","authorNewCategoryDefaults","interactive","editable","availableChartTypes","bar","histogram","lineDot","lineCross","dotPlot","linePlot","chartTypeLabel","required","inputConfiguration","settingsPanelDisabled","studentInstructions","instruction","titlePlaceholder","labelsPlaceholders","left","right","top","bottom","maxImageWidth","maxImageHeight","withRubric","language","languageChoices","options","chartingOptions","changeInteractive","authoringLabel","settingsLabel","changeEditable","addCategory","mathMlOptions","mmlOutput","mmlEditing"],"sources":["../src/defaults.js"],"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    changeAddCategoryEnabled: false,\n    changeEditableEnabled: false,\n    changeInteractiveEnabled: false,\n    chartType: 'lineCross',\n    correctAnswer: {},\n    data: [],\n    domain: {},\n    graph: { width: 480, height: 480 },\n    prompt: '',\n    promptEnabled: true,\n    range: { label: '', max: 1, min: 0, labelStep: 1 },\n    rationale: '',\n    rationaleEnabled: true,\n    scoringType: 'all or nothing',\n    studentInstructionsEnabled: true,\n    studentNewCategoryDefaultLabel: 'New Category',\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n    title: '',\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\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    authorNewCategoryDefaults: {\n      settings: false,\n      label: 'Category',\n      interactive: true,\n      editable: false,\n    },\n    availableChartTypes: {\n      bar: 'Bar Chart',\n      histogram: 'Histogram',\n      lineDot: 'Line Chart ●',\n      lineCross: 'Line Chart x',\n      dotPlot: 'Dot/Line Plot ⬤',\n      linePlot: 'Dot/Line Plot X',\n    },\n    chartTypeLabel: 'ChartType',\n    studentNewCategoryDefaultLabel: {\n      settings: false,\n      label: 'Category',\n    },\n    prompt: {\n      settings: true,\n      label: 'Item Stem',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    settingsPanelDisabled: false,\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    title: {\n      settings: false,\n      label: 'Chart Title',\n    },\n    instruction: {\n      settings: false,\n      label:\n        'This item type provides various types of interactive charts. Depending upon how an item is configured,\\n' +\n        '          students can change the heights of bars (or other similar chart elements) created by the author; relabel bars\\n' +\n        '          created by the author; and/or add new bars, label them, and set their heights.',\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    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    chartingOptions: {\n      changeInteractive: {\n        settings: false,\n        authoringLabel: 'Student can set value',\n        settingsLabel: 'Allow non-interactive categories',\n      },\n      changeEditable: {\n        settings: false,\n        authoringLabel: 'Student can edit name',\n        settingsLabel: 'Allow editable category names',\n      },\n      addCategory: {\n        settings: false,\n        authoringLabel: 'Student can add categories',\n        settingsLabel: 'Allow changes to whether students can add categories',\n      },\n      mathMlOptions: {\n        mmlOutput: false,\n        mmlEditing: false,\n      },\n    },\n  },\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEe;EACbC,KAAK,EAAE;IACLC,kBAAkB,EAAE,IAAI;IACxBC,wBAAwB,EAAE,KAAK;IAC/BC,qBAAqB,EAAE,KAAK;IAC5BC,wBAAwB,EAAE,KAAK;IAC/BC,SAAS,EAAE,WAAW;IACtBC,aAAa,EAAE,CAAC,CAAC;IACjBC,IAAI,EAAE,EAAE;IACRC,MAAM,EAAE,CAAC,CAAC;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAC;IAClCC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,GAAG,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAE,CAAC;IAClDC,SAAS,EAAE,EAAE;IACbC,gBAAgB,EAAE,IAAI;IACtBC,WAAW,EAAE,gBAAgB;IAC7BC,0BAA0B,EAAE,IAAI;IAChCC,8BAA8B,EAAE,cAAc;IAC9CC,mBAAmB,EAAE,EAAE;IACvBC,0BAA0B,EAAE,IAAI;IAChCC,KAAK,EAAE;EACT,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,EAAE,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACtBC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,KAAK,EAAE;QAAEH,QAAQ,EAAE;MAAM,CAAC;MAC1BI,SAAS,EAAE;QAAEJ,QAAQ,EAAE;MAAK,CAAC;MAC7BK,cAAc,EAAE;QAAEL,QAAQ,EAAE;MAAM,CAAC;MACnCM,kBAAkB,EAAE;QAAEN,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDO,UAAU,EAAE;MACVtB,KAAK,EAAE,YAAY;MACnBuB,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE;IACX,CAAC;IACDC,eAAe,EAAE;MACfF,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE,kBAAkB;MACzB0B,iBAAiB,EAAE,IAAI;MACvB/B,KAAK,EAAE;QACLO,GAAG,EAAE,EAAE;QACPD,GAAG,EAAE,GAAG;QACR0B,IAAI,EAAE;MACR,CAAC;MACD/B,MAAM,EAAE;QACNM,GAAG,EAAE,GAAG;QACRD,GAAG,EAAE,GAAG;QACR0B,IAAI,EAAE;MACR;IACF,CAAC;IACDC,yBAAyB,EAAE;MACzBL,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE,UAAU;MACjB6B,WAAW,EAAE,IAAI;MACjBC,QAAQ,EAAE;IACZ,CAAC;IACDC,mBAAmB,EAAE;MACnBC,GAAG,EAAE,WAAW;MAChBC,SAAS,EAAE,WAAW;MACtBC,OAAO,EAAE,cAAc;MACvBC,SAAS,EAAE,cAAc;MACzBC,OAAO,EAAE,iBAAiB;MAC1BC,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE,WAAW;IAC3B9B,8BAA8B,EAAE;MAC9Be,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE;IACT,CAAC;IACDH,MAAM,EAAE;MACN0B,QAAQ,EAAE,IAAI;MACdvB,KAAK,EAAE,WAAW;MAClBuC,QAAQ,EAAE,KAAK;MACfC,kBAAkB,EAAE;QAClBxB,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDX,SAAS,EAAE;MACTmB,QAAQ,EAAE,IAAI;MACdvB,KAAK,EAAE,WAAW;MAClBuC,QAAQ,EAAE,KAAK;MACfC,kBAAkB,EAAE;QAClBxB,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDT,WAAW,EAAE;MACXiB,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE;IACT,CAAC;IACDyC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAE;MACnBnB,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE;IACT,CAAC;IACDS,mBAAmB,EAAE;MACnBc,QAAQ,EAAE,IAAI;MACdvB,KAAK,EAAE,sBAAsB;MAC7BuC,QAAQ,EAAE,KAAK;MACfC,kBAAkB,EAAE;QAClBxB,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDJ,KAAK,EAAE;MACLY,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE;IACT,CAAC;IACD2C,WAAW,EAAE;MACXpB,QAAQ,EAAE,KAAK;MACfvB,KAAK,EACH,0GAA0G,GAC1G,2HAA2H,GAC3H;IACJ,CAAC;IACD4C,gBAAgB,EAAE;MAChBrB,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE;IACT,CAAC;IACD6C,kBAAkB,EAAE;MAClBC,IAAI,EAAE,yCAAyC;MAC/CC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MACPC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE;MACbzC,mBAAmB,EAAE,GAAG;MACxBZ,MAAM,EAAE,GAAG;MACXO,SAAS,EAAE;IACb,CAAC;IACD+C,cAAc,EAAE;MACd1C,mBAAmB,EAAE,GAAG;MACxBZ,MAAM,EAAE,GAAG;MACXO,SAAS,EAAE;IACb,CAAC;IACDgD,UAAU,EAAE;MACV7B,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE;IACT,CAAC;IACDqD,QAAQ,EAAE;MACR9B,QAAQ,EAAE,KAAK;MACfvB,KAAK,EAAE,kBAAkB;MACzBwB,OAAO,EAAE;IACX,CAAC;IACD8B,eAAe,EAAE;MACftD,KAAK,EAAE,kBAAkB;MACzBuD,OAAO,EAAE;IACX,CAAC;IACDC,eAAe,EAAE;MACfC,iBAAiB,EAAE;QACjBlC,QAAQ,EAAE,KAAK;QACfmC,cAAc,EAAE,uBAAuB;QACvCC,aAAa,EAAE;MACjB,CAAC;MACDC,cAAc,EAAE;QACdrC,QAAQ,EAAE,KAAK;QACfmC,cAAc,EAAE,uBAAuB;QACvCC,aAAa,EAAE;MACjB,CAAC;MACDE,WAAW,EAAE;QACXtC,QAAQ,EAAE,KAAK;QACfmC,cAAc,EAAE,4BAA4B;QAC5CC,aAAa,EAAE;MACjB,CAAC;MACDG,aAAa,EAAE;QACbC,SAAS,EAAE,KAAK;QAChBC,UAAU,EAAE;MACd;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _debug = _interopRequireDefault(require("debug"));
+var _configure = _interopRequireDefault(require("./configure"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+var _mathRendering = require("@pie-lib/math-rendering");
+const log = (0, _debug.default)('pie-elements:graphing:configure');
+class GraphLinesConfigure extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._model = GraphLinesConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
+  }
+  set model(m) {
+    this._model = GraphLinesConfigure.createDefaultModel(m);
+    this._render();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
+      }
+
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
+    }
+    this._render();
+  }
+  onModelChanged(model) {
+    this._model = model;
+    this._render();
+    log('[onModelChanged]: ', this._model);
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+  }
+  onConfigurationChanged(config) {
+    this._configuration = config;
+    this._render();
+  }
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  _render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_configure.default, {
+        onModelChanged: this.onModelChanged.bind(this),
+        onConfigurationChanged: this.onConfigurationChanged.bind(this),
+        model: this._model,
+        configuration: this._configuration,
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          delete: this.onDeleteSound.bind(this)
+        }
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(el);
+      queueMicrotask(() => {
+        (0, _mathRendering.renderMath)(this);
+      });
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = GraphLinesConfigure;
+(0, _defineProperty2.default)(GraphLinesConfigure, "createDefaultModel", (model = {}) => ({
+  ..._defaults.default.model,
+  ...model
+}));
+//# sourceMappingURL=index.js.map