@pie-element/matrix 0.1.3 → 0.1.4-next.1008

package/configure/lib/MatrixValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MatrixValues.js"],"names":["columnWidth","ScoringContainer","styled","div","MatrixColumns","ColumnLabelWrapper","RowLabelWrapper","ValueRowWrapper","ValueItemWrapper","ScoringRows","ScoringNumberInputWrapper","GridSeparatorHorizontal","GridSeparatorVertical","Content","MatrixValues","props","model","onChangeModel","rowLabels","columnLabels","matrixValues","onSetMatrixValue","matrixValueIndex","value","matrixValuesClone","parseInt","onSetColumnLabel","index","labelValue","columnLabelsClone","onSetRowLabel","rowLabelsClone","onActionByColumn","resourceIndex","actionType","setValue","columnLabelIndex","forEach","rowLabel","rowLabelIndex","ACTION_TYPE","clear","sortAscending","sortDescending","length","set","onActionByRow","columnLabel","map","row","rowIndex","column","entryIndex","e","propTypes","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport MatrixLabelEditableButton, {ACTION_TYPE} from './MatrixLabelEditableButton';\nimport isNumeric from './isNumeric';\nimport NumberInput from './NumberInput';\nimport PropTypes from 'prop-types';\n\nconst columnWidth = '120px';\n\nexport const ScoringContainer = styled.div`\n  display: grid;\n  grid-template-columns: min-content min-content auto;\n`;\n\nexport const MatrixColumns = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n`;\n\nexport const ColumnLabelWrapper = styled.div`\n  width: ${columnWidth};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const RowLabelWrapper = styled.div`\n  width: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ValueRowWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nexport const ValueItemWrapper = styled.div`\n  width: ${columnWidth};\n  height: 50px;\n  margin: 1px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ScoringRows = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 5px;\n`;\n\nexport const ScoringNumberInputWrapper = styled.div`\n  width: 60px;\n  justify-self: center;\n  align-self: center;\n`;\n\nexport const GridSeparatorHorizontal = styled.div`\n  background: gray;\n  width: 100%;\n  height: 1px;\n`;\n\nexport const GridSeparatorVertical = styled.div`\n  background: gray;\n  width: 1px;\n  height: 100%;\n`;\n\nexport const Content = styled.div`\n  padding: 5px;\n`;\n\nconst MatrixValues = (props) => {\n  const { model, onChangeModel } = props;\n  const { rowLabels, columnLabels, matrixValues } = model;\n\n  const onSetMatrixValue = (matrixValueIndex, value) => {\n    const matrixValuesClone = {\n      ...matrixValues,\n    };\n    if (isNumeric(value)) {\n      matrixValuesClone[matrixValueIndex] = parseInt(value, 10);\n    } else {\n      delete matrixValuesClone[matrixValueIndex];\n    }\n    onChangeModel({\n      ...model,\n      matrixValues: matrixValuesClone\n    })\n  };\n\n  const onSetColumnLabel = (index, labelValue) => {\n    const columnLabelsClone = [...columnLabels];\n    columnLabelsClone[index] = labelValue;\n    onChangeModel({\n      ...model,\n      columnLabels: columnLabelsClone\n    })\n  };\n\n\n  const onSetRowLabel = (index, labelValue) => {\n    const rowLabelsClone = [...rowLabels];\n    rowLabelsClone[index] = labelValue;\n    onChangeModel({\n      ...model,\n      rowLabels: rowLabelsClone\n    })\n  };\n\n  const onActionByColumn = ({ resourceIndex, actionType, setValue }) => {\n    const columnLabelIndex = resourceIndex;\n    const matrixValuesClone = { ...matrixValues };\n    rowLabels.forEach((rowLabel, rowLabelIndex) => {\n      switch (actionType) {\n        case ACTION_TYPE.clear:\n          delete matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`];\n          break;\n        case ACTION_TYPE.sortAscending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabelIndex + 1;\n          break;\n        case ACTION_TYPE.sortDescending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabels.length - rowLabelIndex;\n          break;\n        case ACTION_TYPE.set:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = setValue;\n          break;\n        default:\n          throw 'Incorrect actionType';\n\n      }\n    });\n    onChangeModel({\n      ...model,\n      matrixValues: matrixValuesClone\n    })\n  };\n\n  const onActionByRow = ({ resourceIndex, actionType, setValue }) => {\n    const rowLabelIndex = resourceIndex;\n    const matrixValuesClone = { ...matrixValues };\n    columnLabels.forEach((columnLabel, columnLabelIndex) => {\n      switch (actionType) {\n        case ACTION_TYPE.clear:\n          delete matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`];\n          break;\n        case ACTION_TYPE.sortAscending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabelIndex + 1;\n          break;\n        case ACTION_TYPE.sortDescending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabels.length - rowLabelIndex;\n          break;\n        case ACTION_TYPE.set:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = setValue;\n          break;\n        default:\n          throw 'Incorrect actionType';\n\n      }\n    });\n    onChangeModel({\n      ...model,\n      matrixValues: matrixValuesClone\n    })\n  };\n\n  return (\n    <ScoringContainer>\n      <div/>\n      <GridSeparatorVertical/>\n      <MatrixColumns>\n        {\n          columnLabels.map((value, columnLabelIndex) => (\n            <ColumnLabelWrapper key={columnLabelIndex}>\n              <MatrixLabelEditableButton\n                resourceIndex={columnLabelIndex}\n                onAction={onActionByColumn}\n                value={value}\n                onLabelUpdate={(labelValue) => onSetColumnLabel(columnLabelIndex, labelValue)}\n              />\n            </ColumnLabelWrapper>\n          ))\n        }\n      </MatrixColumns>\n      <GridSeparatorHorizontal/>\n      <GridSeparatorVertical/>\n      <GridSeparatorHorizontal/>\n      <ScoringRows>\n        {\n          rowLabels.map((value, rowLabelIndex) => (\n            <RowLabelWrapper key={rowLabelIndex}>\n              <MatrixLabelEditableButton\n                resourceIndex={rowLabelIndex}\n                onAction={onActionByRow}\n                value={value}\n                onLabelUpdate={(labelValue) => onSetRowLabel(rowLabelIndex, labelValue)}\n              />\n            </RowLabelWrapper>\n          ))\n        }\n      </ScoringRows>\n      <GridSeparatorVertical/>\n      <Content>\n        {rowLabels.map((row, rowIndex) => {\n          return (\n            <ValueRowWrapper key={rowIndex}>\n              {columnLabels.map((column, entryIndex) => {\n                const matrixValueIndex = `${rowIndex}-${entryIndex}`;\n                return (\n                  <ValueItemWrapper key={entryIndex}>\n                    <ScoringNumberInputWrapper>\n                      <NumberInput\n                        onFieldUpdate={(e) => onSetMatrixValue(matrixValueIndex, e)}\n                        name={matrixValueIndex}\n                        placeholder='#'\n                        fieldValue={{\n                          value: isNumeric(matrixValues[matrixValueIndex]) ? matrixValues[matrixValueIndex] : ''\n                        }}\n                      />\n                    </ScoringNumberInputWrapper>\n                  </ValueItemWrapper>\n                )\n              })}\n            </ValueRowWrapper>\n          );\n        })}\n      </Content>\n    </ScoringContainer>\n  );\n};\n\nMatrixValues.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired\n};\n\nexport default MatrixValues;\n"],"file":"MatrixValues.js"}
+{"version":3,"sources":["../src/MatrixValues.js"],"names":["columnWidth","ScoringContainer","styled","div","MatrixColumns","ColumnLabelWrapper","RowLabelWrapper","ValueRowWrapper","ValueItemWrapper","ScoringRows","ScoringNumberInputWrapper","GridSeparatorHorizontal","GridSeparatorVertical","Content","MatrixValues","props","model","onChangeModel","rowLabels","columnLabels","matrixValues","spellCheckEnabled","onSetMatrixValue","matrixValueIndex","value","matrixValuesClone","parseInt","onSetColumnLabel","index","labelValue","columnLabelsClone","onSetRowLabel","rowLabelsClone","onActionByColumn","resourceIndex","actionType","setValue","columnLabelIndex","forEach","rowLabel","rowLabelIndex","ACTION_TYPE","clear","sortAscending","sortDescending","length","set","onActionByRow","columnLabel","map","row","rowIndex","column","entryIndex","e","propTypes","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport MatrixLabelEditableButton, {ACTION_TYPE} from './MatrixLabelEditableButton';\nimport isNumeric from './isNumeric';\nimport NumberInput from './NumberInput';\nimport PropTypes from 'prop-types';\n\nconst columnWidth = '120px';\n\nexport const ScoringContainer = styled.div`\n  display: grid;\n  grid-template-columns: min-content min-content auto;\n`;\n\nexport const MatrixColumns = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n`;\n\nexport const ColumnLabelWrapper = styled.div`\n  width: ${columnWidth};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const RowLabelWrapper = styled.div`\n  width: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ValueRowWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nexport const ValueItemWrapper = styled.div`\n  width: ${columnWidth};\n  height: 50px;\n  margin: 1px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ScoringRows = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 5px;\n`;\n\nexport const ScoringNumberInputWrapper = styled.div`\n  width: 60px;\n  justify-self: center;\n  align-self: center;\n`;\n\nexport const GridSeparatorHorizontal = styled.div`\n  background: gray;\n  width: 100%;\n  height: 1px;\n`;\n\nexport const GridSeparatorVertical = styled.div`\n  background: gray;\n  width: 1px;\n  height: 100%;\n`;\n\nexport const Content = styled.div`\n  padding: 5px;\n`;\n\nconst MatrixValues = (props) => {\n  const { model, onChangeModel } = props;\n  const { rowLabels, columnLabels, matrixValues, spellCheckEnabled} = model;\n\n  const onSetMatrixValue = (matrixValueIndex, value) => {\n    const matrixValuesClone = {\n      ...matrixValues,\n    };\n    if (isNumeric(value)) {\n      matrixValuesClone[matrixValueIndex] = parseInt(value, 10);\n    } else {\n      delete matrixValuesClone[matrixValueIndex];\n    }\n    onChangeModel({\n      ...model,\n      matrixValues: matrixValuesClone\n    })\n  };\n\n  const onSetColumnLabel = (index, labelValue) => {\n    const columnLabelsClone = [...columnLabels];\n    columnLabelsClone[index] = labelValue;\n    onChangeModel({\n      ...model,\n      columnLabels: columnLabelsClone\n    })\n  };\n\n\n  const onSetRowLabel = (index, labelValue) => {\n    const rowLabelsClone = [...rowLabels];\n    rowLabelsClone[index] = labelValue;\n    onChangeModel({\n      ...model,\n      rowLabels: rowLabelsClone\n    })\n  };\n\n  const onActionByColumn = ({ resourceIndex, actionType, setValue }) => {\n    const columnLabelIndex = resourceIndex;\n    const matrixValuesClone = { ...matrixValues };\n    rowLabels.forEach((rowLabel, rowLabelIndex) => {\n      switch (actionType) {\n        case ACTION_TYPE.clear:\n          delete matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`];\n          break;\n        case ACTION_TYPE.sortAscending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabelIndex + 1;\n          break;\n        case ACTION_TYPE.sortDescending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabels.length - rowLabelIndex;\n          break;\n        case ACTION_TYPE.set:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = setValue;\n          break;\n        default:\n          throw 'Incorrect actionType';\n\n      }\n    });\n    onChangeModel({\n      ...model,\n      matrixValues: matrixValuesClone\n    })\n  };\n\n  const onActionByRow = ({ resourceIndex, actionType, setValue }) => {\n    const rowLabelIndex = resourceIndex;\n    const matrixValuesClone = { ...matrixValues };\n    columnLabels.forEach((columnLabel, columnLabelIndex) => {\n      switch (actionType) {\n        case ACTION_TYPE.clear:\n          delete matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`];\n          break;\n        case ACTION_TYPE.sortAscending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabelIndex + 1;\n          break;\n        case ACTION_TYPE.sortDescending:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabels.length - rowLabelIndex;\n          break;\n        case ACTION_TYPE.set:\n          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = setValue;\n          break;\n        default:\n          throw 'Incorrect actionType';\n\n      }\n    });\n    onChangeModel({\n      ...model,\n      matrixValues: matrixValuesClone\n    })\n  };\n\n  return (\n    <ScoringContainer>\n      <div/>\n      <GridSeparatorVertical/>\n      <MatrixColumns>\n        {\n          columnLabels.map((value, columnLabelIndex) => (\n            <ColumnLabelWrapper key={columnLabelIndex}>\n              <MatrixLabelEditableButton\n                resourceIndex={columnLabelIndex}\n                onAction={onActionByColumn}\n                value={value}\n                onLabelUpdate={(labelValue) => onSetColumnLabel(columnLabelIndex, labelValue)}\n                spellCheck = {spellCheckEnabled}\n              />\n            </ColumnLabelWrapper>\n          ))\n        }\n      </MatrixColumns>\n      <GridSeparatorHorizontal/>\n      <GridSeparatorVertical/>\n      <GridSeparatorHorizontal/>\n      <ScoringRows>\n        {\n          rowLabels.map((value, rowLabelIndex) => (\n            <RowLabelWrapper key={rowLabelIndex}>\n              <MatrixLabelEditableButton\n                resourceIndex={rowLabelIndex}\n                onAction={onActionByRow}\n                value={value}\n                onLabelUpdate={(labelValue) => onSetRowLabel(rowLabelIndex, labelValue)}\n                spellCheck = {spellCheckEnabled}\n              />\n            </RowLabelWrapper>\n          ))\n        }\n      </ScoringRows>\n      <GridSeparatorVertical/>\n      <Content>\n        {rowLabels.map((row, rowIndex) => {\n          return (\n            <ValueRowWrapper key={rowIndex}>\n              {columnLabels.map((column, entryIndex) => {\n                const matrixValueIndex = `${rowIndex}-${entryIndex}`;\n                return (\n                  <ValueItemWrapper key={entryIndex}>\n                    <ScoringNumberInputWrapper>\n                      <NumberInput\n                        onFieldUpdate={(e) => onSetMatrixValue(matrixValueIndex, e)}\n                        name={matrixValueIndex}\n                        placeholder='#'\n                        fieldValue={{\n                          value: isNumeric(matrixValues[matrixValueIndex]) ? matrixValues[matrixValueIndex] : ''\n                        }}\n                      />\n                    </ScoringNumberInputWrapper>\n                  </ValueItemWrapper>\n                )\n              })}\n            </ValueRowWrapper>\n          );\n        })}\n      </Content>\n    </ScoringContainer>\n  );\n};\n\nMatrixValues.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired\n};\n\nexport default MatrixValues;\n"],"file":"MatrixValues.js"}

package/configure/lib/NumberInput.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -23,6 +23,10 @@ var _core = require("@material-ui/core");
 
 var _templateObject;
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var InputWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  height: 100%;\n  input[type='number'] {\n    -moz-appearance:textfield;\n  }\n  \n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"])));
 
 var styles = {

package/configure/lib/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/NumberInput.js"],"names":["InputWrapper","styled","div","styles","InputPropsClass","fontSize","textAlign","padding","margin","borderColor","borderWidth","inputPropsClass","cssFocused","notchedOutline","NumericInput","props","classes","onFieldUpdate","name","placeholder","fieldValue","onFieldUpdateWrapper","e","target","value","className","root","focused","ref","propTypes","PropTypes","string","isRequired","object","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,YAAY,GAAGC,6BAAOC,GAAV,2SAAlB;;AAaA,IAAMC,MAAM,GAAG;AACbC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,MADK;AAEfC,IAAAA,SAAS,EAAE,kBAFI;AAGfC,IAAAA,OAAO,EAAE,aAHM;AAIfC,IAAAA,MAAM,EAAE,OAJO;AAKf,oCAAgC;AAC9BC,MAAAA,WAAW,EAAE,kBADiB;AAE9BC,MAAAA,WAAW,EAAE;AAFiB,KALjB;AASf,+BAA2B;AACzBD,MAAAA,WAAW,EAAE;AADY;AATZ,GADJ;AAcbE,EAAAA,eAAe,EAAE;AACfN,IAAAA,QAAQ,EAAE,MADK;AAEfC,IAAAA,SAAS,EAAE,QAFI;AAGfC,IAAAA,OAAO,EAAE,GAHM;AAIfC,IAAAA,MAAM,EAAE;AAJO,GAdJ;AAoBbI,EAAAA,UAAU,EAAE,EApBC;AAsBbC,EAAAA,cAAc,EAAE;AACdH,IAAAA,WAAW,EAAE,gBADC;AAEdD,IAAAA,WAAW,EAAE;AAFC;AAtBH,CAAf;AA4BA,IAAMK,YAAY,GAAG,wBAAWX,MAAX,EAAmB,UAACY,KAAD,EAAW;AAAA,MAE/CC,OAF+C,GAO7CD,KAP6C,CAE/CC,OAF+C;AAAA,MAG/CC,aAH+C,GAO7CF,KAP6C,CAG/CE,aAH+C;AAAA,MAI/CC,IAJ+C,GAO7CH,KAP6C,CAI/CG,IAJ+C;AAAA,MAK/CC,WAL+C,GAO7CJ,KAP6C,CAK/CI,WAL+C;AAAA,MAM/CC,UAN+C,GAO7CL,KAP6C,CAM/CK,UAN+C;;AASjD,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,CAAD,EAAO;AAClCL,IAAAA,aAAa,CAACK,CAAC,CAACC,MAAF,CAASC,KAAV,CAAb;AACD,GAFD;;AAIA,sBACE,oBAAC,YAAD,qBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEN,IADR;AAEE,IAAA,KAAK,EAAEE,UAAU,CAACI,KAFpB;AAGE,IAAA,UAAU,EAAE;AACVC,MAAAA,SAAS,EAAET,OAAO,CAACL;AADT,KAHd;AAME,IAAA,UAAU,EAAE;AACVK,MAAAA,OAAO,EAAE;AACPU,QAAAA,IAAI,EAAEV,OAAO,CAACZ,eADP;AAEPuB,QAAAA,OAAO,EAAEX,OAAO,CAACJ,UAFV;AAGPC,QAAAA,cAAc,EAAEG,OAAO,CAACH;AAHjB;AADC,KANd;AAaE,IAAA,QAAQ,EAAEO,UAAU,CAACQ,GAbvB;AAcE,IAAA,IAAI,EAAC,QAdP;AAeE,IAAA,WAAW,EAAET,WAff;AAgBE,IAAA,QAAQ,EAAEE,oBAhBZ;AAiBE,IAAA,OAAO,EAAC;AAjBV,IADF,CADF;AAuBD,CApCoB,CAArB;AAsCAP,YAAY,CAACe,SAAb,GAAyB;AACvBX,EAAAA,IAAI,EAAEY,sBAAUC,MAAV,CAAiBC,UADA;AAEvBb,EAAAA,WAAW,EAAEW,sBAAUC,MAAV,CAAiBC,UAFP;AAGvBZ,EAAAA,UAAU,EAAEU,sBAAUG,MAAV,CAAiBD,UAHN;AAIvBhB,EAAAA,OAAO,EAAEc,sBAAUG,MAJI;AAMvBhB,EAAAA,aAAa,EAAEa,sBAAUI,IAAV,CAAeF;AANP,CAAzB;eASelB,Y","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport {withStyles} from '@material-ui/core/styles';\nimport {TextField} from '@material-ui/core';\n\nconst InputWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n  input[type='number'] {\n    -moz-appearance:textfield;\n  }\n  \n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n\nconst styles = {\n  InputPropsClass: {\n    fontSize: '16px',\n    textAlign: 'center!important',\n    padding: '0!important',\n    margin: '5px 0',\n    '&$cssFocused $notchedOutline': {\n      borderColor: 'green !important',\n      borderWidth: '1px !important',\n    },\n    '&:hover $notchedOutline': {\n      borderColor: 'gray !important',\n    }\n  },\n  inputPropsClass: {\n    fontSize: '16px',\n    textAlign: 'center',\n    padding: '0',\n    margin: '5px 0'\n  },\n  cssFocused: {},\n\n  notchedOutline: {\n    borderWidth: '1px !important',\n    borderColor: '#d6d6d6 !important'\n  },\n};\n\nconst NumericInput = withStyles(styles)((props) => {\n  const {\n    classes,\n    onFieldUpdate,\n    name,\n    placeholder,\n    fieldValue\n  } = props;\n\n  const onFieldUpdateWrapper = (e) => {\n    onFieldUpdate(e.target.value);\n  };\n\n  return (\n    <InputWrapper>\n      <TextField\n        name={name}\n        value={fieldValue.value}\n        inputProps={{\n          className: classes.inputPropsClass\n        }}\n        InputProps={{\n          classes: {\n            root: classes.InputPropsClass,\n            focused: classes.cssFocused,\n            notchedOutline: classes.notchedOutline\n          }\n        }}\n        inputRef={fieldValue.ref}\n        type='number'\n        placeholder={placeholder}\n        onChange={onFieldUpdateWrapper}\n        variant=\"outlined\"\n      />\n    </InputWrapper>\n  );\n});\n\nNumericInput.propTypes = {\n  name: PropTypes.string.isRequired,\n  placeholder: PropTypes.string.isRequired,\n  fieldValue: PropTypes.object.isRequired,\n  classes: PropTypes.object,\n\n  onFieldUpdate: PropTypes.func.isRequired\n};\n\nexport default NumericInput;\n"],"file":"NumberInput.js"}
+{"version":3,"sources":["../src/NumberInput.js"],"names":["InputWrapper","styled","div","styles","InputPropsClass","fontSize","textAlign","padding","margin","borderColor","borderWidth","inputPropsClass","cssFocused","notchedOutline","NumericInput","props","classes","onFieldUpdate","name","placeholder","fieldValue","onFieldUpdateWrapper","e","target","value","className","root","focused","ref","propTypes","PropTypes","string","isRequired","object","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,GAAGC,6BAAOC,GAAV,2SAAlB;;AAaA,IAAMC,MAAM,GAAG;AACbC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,MADK;AAEfC,IAAAA,SAAS,EAAE,kBAFI;AAGfC,IAAAA,OAAO,EAAE,aAHM;AAIfC,IAAAA,MAAM,EAAE,OAJO;AAKf,oCAAgC;AAC9BC,MAAAA,WAAW,EAAE,kBADiB;AAE9BC,MAAAA,WAAW,EAAE;AAFiB,KALjB;AASf,+BAA2B;AACzBD,MAAAA,WAAW,EAAE;AADY;AATZ,GADJ;AAcbE,EAAAA,eAAe,EAAE;AACfN,IAAAA,QAAQ,EAAE,MADK;AAEfC,IAAAA,SAAS,EAAE,QAFI;AAGfC,IAAAA,OAAO,EAAE,GAHM;AAIfC,IAAAA,MAAM,EAAE;AAJO,GAdJ;AAoBbI,EAAAA,UAAU,EAAE,EApBC;AAsBbC,EAAAA,cAAc,EAAE;AACdH,IAAAA,WAAW,EAAE,gBADC;AAEdD,IAAAA,WAAW,EAAE;AAFC;AAtBH,CAAf;AA4BA,IAAMK,YAAY,GAAG,wBAAWX,MAAX,EAAmB,UAACY,KAAD,EAAW;AACjD,MACEC,OADF,GAMID,KANJ,CACEC,OADF;AAAA,MAEEC,aAFF,GAMIF,KANJ,CAEEE,aAFF;AAAA,MAGEC,IAHF,GAMIH,KANJ,CAGEG,IAHF;AAAA,MAIEC,WAJF,GAMIJ,KANJ,CAIEI,WAJF;AAAA,MAKEC,UALF,GAMIL,KANJ,CAKEK,UALF;;AAQA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,CAAD,EAAO;AAClCL,IAAAA,aAAa,CAACK,CAAC,CAACC,MAAF,CAASC,KAAV,CAAb;AACD,GAFD;;AAIA,sBACE,oBAAC,YAAD,qBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEN,IADR;AAEE,IAAA,KAAK,EAAEE,UAAU,CAACI,KAFpB;AAGE,IAAA,UAAU,EAAE;AACVC,MAAAA,SAAS,EAAET,OAAO,CAACL;AADT,KAHd;AAME,IAAA,UAAU,EAAE;AACVK,MAAAA,OAAO,EAAE;AACPU,QAAAA,IAAI,EAAEV,OAAO,CAACZ,eADP;AAEPuB,QAAAA,OAAO,EAAEX,OAAO,CAACJ,UAFV;AAGPC,QAAAA,cAAc,EAAEG,OAAO,CAACH;AAHjB;AADC,KANd;AAaE,IAAA,QAAQ,EAAEO,UAAU,CAACQ,GAbvB;AAcE,IAAA,IAAI,EAAC,QAdP;AAeE,IAAA,WAAW,EAAET,WAff;AAgBE,IAAA,QAAQ,EAAEE,oBAhBZ;AAiBE,IAAA,OAAO,EAAC;AAjBV,IADF,CADF;AAuBD,CApCoB,CAArB;AAsCAP,YAAY,CAACe,SAAb,GAAyB;AACvBX,EAAAA,IAAI,EAAEY,sBAAUC,MAAV,CAAiBC,UADA;AAEvBb,EAAAA,WAAW,EAAEW,sBAAUC,MAAV,CAAiBC,UAFP;AAGvBZ,EAAAA,UAAU,EAAEU,sBAAUG,MAAV,CAAiBD,UAHN;AAIvBhB,EAAAA,OAAO,EAAEc,sBAAUG,MAJI;AAMvBhB,EAAAA,aAAa,EAAEa,sBAAUI,IAAV,CAAeF;AANP,CAAzB;eASelB,Y","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport {withStyles} from '@material-ui/core/styles';\nimport {TextField} from '@material-ui/core';\n\nconst InputWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n  input[type='number'] {\n    -moz-appearance:textfield;\n  }\n  \n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n\nconst styles = {\n  InputPropsClass: {\n    fontSize: '16px',\n    textAlign: 'center!important',\n    padding: '0!important',\n    margin: '5px 0',\n    '&$cssFocused $notchedOutline': {\n      borderColor: 'green !important',\n      borderWidth: '1px !important',\n    },\n    '&:hover $notchedOutline': {\n      borderColor: 'gray !important',\n    }\n  },\n  inputPropsClass: {\n    fontSize: '16px',\n    textAlign: 'center',\n    padding: '0',\n    margin: '5px 0'\n  },\n  cssFocused: {},\n\n  notchedOutline: {\n    borderWidth: '1px !important',\n    borderColor: '#d6d6d6 !important'\n  },\n};\n\nconst NumericInput = withStyles(styles)((props) => {\n  const {\n    classes,\n    onFieldUpdate,\n    name,\n    placeholder,\n    fieldValue\n  } = props;\n\n  const onFieldUpdateWrapper = (e) => {\n    onFieldUpdate(e.target.value);\n  };\n\n  return (\n    <InputWrapper>\n      <TextField\n        name={name}\n        value={fieldValue.value}\n        inputProps={{\n          className: classes.inputPropsClass\n        }}\n        InputProps={{\n          classes: {\n            root: classes.InputPropsClass,\n            focused: classes.cssFocused,\n            notchedOutline: classes.notchedOutline\n          }\n        }}\n        inputRef={fieldValue.ref}\n        type='number'\n        placeholder={placeholder}\n        onChange={onFieldUpdateWrapper}\n        variant=\"outlined\"\n      />\n    </InputWrapper>\n  );\n});\n\nNumericInput.propTypes = {\n  name: PropTypes.string.isRequired,\n  placeholder: PropTypes.string.isRequired,\n  fieldValue: PropTypes.object.isRequired,\n  classes: PropTypes.object,\n\n  onFieldUpdate: PropTypes.func.isRequired\n};\n\nexport default NumericInput;\n"],"file":"NumberInput.js"}

package/configure/lib/defaults.js

@@ -23,6 +23,11 @@ var _default = {
       settings: true,
       label: 'Teacher Instructions'
     },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
     prompt: {
       settings: true,
       label: 'Prompt'

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","teacherInstructionsEnabled","labelType","rowLabels","columnLabels","matrixValues","prompt","configuration","teacherInstructions","settings","label"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,0BAA0B,EAAE,IADvB;AAELC,IAAAA,SAAS,EAAE,WAFN;AAGLC,IAAAA,SAAS,EAAE,CAAC,8BAAD,EAAiC,+BAAjC,CAHN;AAILC,IAAAA,YAAY,EAAE,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAJT;AAKLC,IAAAA,YAAY,EAAE,EALT;AAMLC,IAAAA,MAAM,EAAE;AANH,GADM;AASbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KADR;AAKbJ,IAAAA,MAAM,EAAE;AACNG,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD;AALK;AATF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    teacherInstructionsEnabled: true,\n    labelType: 'agreement',\n    rowLabels: ['I\\'m interested in politics.', 'I\\'m interested in economics.'],\n    columnLabels: ['Disagree', 'Unsure', 'Agree'],\n    matrixValues: {},\n    prompt: 'How interested are you in the following domains?'\n  },\n  configuration: {\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    }\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","teacherInstructionsEnabled","labelType","rowLabels","columnLabels","matrixValues","prompt","configuration","teacherInstructions","settings","label","spellCheck","enabled"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,0BAA0B,EAAE,IADvB;AAELC,IAAAA,SAAS,EAAE,WAFN;AAGLC,IAAAA,SAAS,EAAE,CAAC,8BAAD,EAAiC,+BAAjC,CAHN;AAILC,IAAAA,YAAY,EAAE,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAJT;AAKLC,IAAAA,YAAY,EAAE,EALT;AAMLC,IAAAA,MAAM,EAAE;AANH,GADM;AASbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KADR;AAKbC,IAAAA,UAAU,EAAE;AACVD,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAC,KAFC;AAGVG,MAAAA,OAAO,EAAC;AAHE,KALC;AAUbN,IAAAA,MAAM,EAAE;AACNG,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD;AAVK;AATF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    teacherInstructionsEnabled: true,\n    labelType: 'agreement',\n    rowLabels: ['I\\'m interested in politics.', 'I\\'m interested in economics.'],\n    columnLabels: ['Disagree', 'Unsure', 'Agree'],\n    matrixValues: {},\n    prompt: 'How interested are you in the following domains?'\n  },\n  configuration: {\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    }\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/index.js

@@ -37,13 +37,13 @@ var _defaults = _interopRequireDefault(require("lodash/defaults"));
 
 var _defaults2 = _interopRequireDefault(require("./defaults"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('matrix:configure');
 

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/matrix-configure",
   "private": true,
-  "version": "0.1.3",
+  "version": "0.1.20",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,8 +9,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.9.2",
-    "@pie-lib/editable-html": "^7.16.19",
+    "@pie-lib/config-ui": "^10.13.3",
+    "@pie-lib/editable-html": "^7.22.6",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.0.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix-controller@0.0.7...@pie-element/matrix-controller@0.0.9) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/matrix-controller
+
+
+
+
+
+## [0.0.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix-controller@0.0.7...@pie-element/matrix-controller@0.0.8) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/matrix-controller
+
+
+
+
+
 ## [0.0.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix-controller@0.0.5...@pie-element/matrix-controller@0.0.7) (2021-08-05)
 
 

package/controller/lib/index.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createDefaultModel = exports.createCorrectResponseSession = void 0;
 exports.model = model;
 exports.outcome = outcome;
-exports.createCorrectResponseSession = exports.createDefaultModel = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -19,9 +19,9 @@ var _defaults = _interopRequireDefault(require("./defaults"));
 
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var createDefaultModel = function createDefaultModel() {
   var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["createDefaultModel","model","Promise","resolve","defaults","question","session","env","normalizedQuestion","out","disabled","mode","role","teacherInstructions","teacherInstructionsEnabled","outcome","score","empty","Object","keys","value","reduce","acc","key","matrixValue","matrixValues","createCorrectResponseSession","id"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAACC,KAAD,uEAAS,EAAT;AAAA,SAAgB,IAAIC,OAAJ,CAAY,UAAAC,OAAO;AAAA,WAAIA,OAAO,iCAAMC,oBAAN,GAAmBH,KAAnB,EAAX;AAAA,GAAnB,CAAhB;AAAA,CAA3B;AAEP;AACA;AACA;AACA;AACA;AACA;;;;;SACsBA,K;;;;;yFAAf,iBAAqBI,QAArB,EAA+BC,OAA/B,EAAwCC,GAAxC;AAAA;;AAAA;AAAA;AAAA;AAAA;AACCC,YAAAA,kBADD,mCAC2BJ,oBAD3B,GACwCC,QADxC;AAGCI,YAAAA,GAHD,mCAIAD,kBAJA;AAKHE,cAAAA,QAAQ,EAAEH,GAAG,CAACI,IAAJ,KAAa,QALpB;AAMHA,cAAAA,IAAI,EAAEJ,GAAG,CAACI;AANP;AAAA,oBASkBJ,GAAG,IAAI,EATzB,EASGK,IATH,SASGA,IATH,EASSD,IATT,SASSA,IATT;;AAWL,gBAAIC,IAAI,KAAK,YAAT,KAA0BD,IAAI,KAAK,MAAT,IAAmBA,IAAI,KAAK,UAAtD,CAAJ,EAAuE;AACrEF,cAAAA,GAAG,CAACI,mBAAJ,GAA0BL,kBAAkB,CAACM,0BAAnB,GACtBN,kBAAkB,CAACK,mBADG,GAEtB,IAFJ;AAGD,aAJD,MAIO;AACLJ,cAAAA,GAAG,CAACI,mBAAJ,GAA0B,IAA1B;AACD;;AAjBI,6CAmBEJ,GAnBF;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,G;;;;AAsBA,SAASM,OAAT,CAAiBd,KAAjB,EAAwBK,OAAxB,EAAiC;AACtC,SAAO,IAAIJ,OAAJ,CAAY,UAAAC,OAAO,EAAI;AAC5B,QAAI,CAACG,OAAD,IAAY,yBAAQA,OAAR,CAAhB,EAAkC;AAChC,aAAOH,OAAO,CAAC;AAAEa,QAAAA,KAAK,EAAE,CAAT;AAAYC,QAAAA,KAAK,EAAE;AAAnB,OAAD,CAAd;AACD;;AAED,QAAMD,KAAK,GAAGE,MAAM,CAACC,IAAP,CAAYb,OAAO,CAACc,KAApB,EAA2BC,MAA3B,CAAkC,UAACC,GAAD,EAAMC,GAAN,EAAa;AAC3D,UAAMC,WAAW,GAAGvB,KAAK,CAACwB,YAAN,CAAmBF,GAAnB,CAApB;AACA,aAAOD,GAAG,IAAIE,WAAW,IAAI,CAAnB,CAAV;AACD,KAHa,EAGX,CAHW,CAAd;AAKArB,IAAAA,OAAO,CAAC;AAAEa,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,KAAK,EAAE;AAAhB,KAAD,CAAP;AACD,GAXM,CAAP;AAYD;;AAEM,IAAMS,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACrB,QAAD,EAAWE,GAAX,EAAmB;AAC7D,SAAO,IAAIL,OAAJ,CAAY,UAAAC,OAAO,EAAI;AAC5B,QAAII,GAAG,CAACI,IAAJ,KAAa,UAAb,IAA2BJ,GAAG,CAACK,IAAJ,KAAa,YAA5C,EAA0D;AAAA,iBAC/BP,QAAQ,IAAI,EADmB;AAAA,UAChDoB,YADgD,QAChDA,YADgD;;AAGxDtB,MAAAA,OAAO,CAAC;AACNwB,QAAAA,EAAE,EAAE,GADE;AAENP,QAAAA,KAAK,EAAEK;AAFD,OAAD,CAAP;AAID,KAPD,MAOO;AACLtB,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD;AACF,GAXM,CAAP;AAYD,CAbM","sourcesContent":["import defaults from './defaults';\nimport isEmpty from 'lodash/isEmpty';\n\nexport const createDefaultModel = (model = {}) => new Promise(resolve => resolve({ ...defaults, ...model }));\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = { ...defaults, ...question };\n\n  const out = {\n    ...normalizedQuestion,\n    disabled: env.mode !== 'gather',\n    mode: env.mode\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport function outcome(model, session) {\n  return new Promise(resolve => {\n    if (!session || isEmpty(session)) {\n      return resolve({ score: 0, empty: true });\n    }\n\n    const score = Object.keys(session.value).reduce((acc, key)=> {\n      const matrixValue = model.matrixValues[key];\n      return acc + (matrixValue || 0);\n    }, 0);\n\n    resolve({ score, empty: false });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { matrixValues } = question || [];\n\n      resolve({\n        id: '1',\n        value: matrixValues\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["createDefaultModel","model","Promise","resolve","defaults","question","session","env","normalizedQuestion","out","disabled","mode","role","teacherInstructions","teacherInstructionsEnabled","outcome","score","empty","Object","keys","value","reduce","acc","key","matrixValue","matrixValues","createCorrectResponseSession","id"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAACC,KAAD,uEAAS,EAAT;AAAA,SAAgB,IAAIC,OAAJ,CAAY,UAAAC,OAAO;AAAA,WAAIA,OAAO,iCAAMC,oBAAN,GAAmBH,KAAnB,EAAX;AAAA,GAAnB,CAAhB;AAAA,CAA3B;AAEP;AACA;AACA;AACA;AACA;AACA;;;;;SACsBA,K;;;;;yFAAf,iBAAqBI,QAArB,EAA+BC,OAA/B,EAAwCC,GAAxC;AAAA;;AAAA;AAAA;AAAA;AAAA;AACCC,YAAAA,kBADD,mCAC2BJ,oBAD3B,GACwCC,QADxC;AAGCI,YAAAA,GAHD,mCAIAD,kBAJA;AAKHE,cAAAA,QAAQ,EAAEH,GAAG,CAACI,IAAJ,KAAa,QALpB;AAMHA,cAAAA,IAAI,EAAEJ,GAAG,CAACI;AANP;AAAA,oBASkBJ,GAAG,IAAI,EATzB,EASGK,IATH,SASGA,IATH,EASSD,IATT,SASSA,IATT;;AAWL,gBAAIC,IAAI,KAAK,YAAT,KAA0BD,IAAI,KAAK,MAAT,IAAmBA,IAAI,KAAK,UAAtD,CAAJ,EAAuE;AACrEF,cAAAA,GAAG,CAACI,mBAAJ,GAA0BL,kBAAkB,CAACM,0BAAnB,GACtBN,kBAAkB,CAACK,mBADG,GAEtB,IAFJ;AAGD,aAJD,MAIO;AACLJ,cAAAA,GAAG,CAACI,mBAAJ,GAA0B,IAA1B;AACD;;AAjBI,6CAmBEJ,GAnBF;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,G;;;;AAsBA,SAASM,OAAT,CAAiBd,KAAjB,EAAwBK,OAAxB,EAAiC;AACtC,SAAO,IAAIJ,OAAJ,CAAY,UAAAC,OAAO,EAAI;AAC5B,QAAI,CAACG,OAAD,IAAY,yBAAQA,OAAR,CAAhB,EAAkC;AAChC,aAAOH,OAAO,CAAC;AAAEa,QAAAA,KAAK,EAAE,CAAT;AAAYC,QAAAA,KAAK,EAAE;AAAnB,OAAD,CAAd;AACD;;AAED,QAAMD,KAAK,GAAGE,MAAM,CAACC,IAAP,CAAYb,OAAO,CAACc,KAApB,EAA2BC,MAA3B,CAAkC,UAACC,GAAD,EAAMC,GAAN,EAAa;AAC3D,UAAMC,WAAW,GAAGvB,KAAK,CAACwB,YAAN,CAAmBF,GAAnB,CAApB;AACA,aAAOD,GAAG,IAAIE,WAAW,IAAI,CAAnB,CAAV;AACD,KAHa,EAGX,CAHW,CAAd;AAKArB,IAAAA,OAAO,CAAC;AAAEa,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,KAAK,EAAE;AAAhB,KAAD,CAAP;AACD,GAXM,CAAP;AAYD;;AAEM,IAAMS,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACrB,QAAD,EAAWE,GAAX,EAAmB;AAC7D,SAAO,IAAIL,OAAJ,CAAY,UAAAC,OAAO,EAAI;AAC5B,QAAII,GAAG,CAACI,IAAJ,KAAa,UAAb,IAA2BJ,GAAG,CAACK,IAAJ,KAAa,YAA5C,EAA0D;AACxD,iBAAyBP,QAAQ,IAAI,EAArC;AAAA,UAAQoB,YAAR,QAAQA,YAAR;;AAEAtB,MAAAA,OAAO,CAAC;AACNwB,QAAAA,EAAE,EAAE,GADE;AAENP,QAAAA,KAAK,EAAEK;AAFD,OAAD,CAAP;AAID,KAPD,MAOO;AACLtB,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD;AACF,GAXM,CAAP;AAYD,CAbM","sourcesContent":["import defaults from './defaults';\nimport isEmpty from 'lodash/isEmpty';\n\nexport const createDefaultModel = (model = {}) => new Promise(resolve => resolve({ ...defaults, ...model }));\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = { ...defaults, ...question };\n\n  const out = {\n    ...normalizedQuestion,\n    disabled: env.mode !== 'gather',\n    mode: env.mode\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport function outcome(model, session) {\n  return new Promise(resolve => {\n    if (!session || isEmpty(session)) {\n      return resolve({ score: 0, empty: true });\n    }\n\n    const score = Object.keys(session.value).reduce((acc, key)=> {\n      const matrixValue = model.matrixValues[key];\n      return acc + (matrixValue || 0);\n    }, 0);\n\n    resolve({ score, empty: false });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { matrixValues } = question || [];\n\n      resolve({\n        id: '1',\n        value: matrixValues\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/matrix-controller",
   "private": true,
-  "version": "0.0.7",
+  "version": "0.0.12",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/docs/config-schema.json

@@ -19,6 +19,22 @@
         }
       }
     },
+    "spellCheck": {
+      "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,

package/docs/config-schema.json.md

@@ -14,6 +14,18 @@ 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
 
+# `spellCheck` (object)
+
+Properties of the `spellCheck` 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

package/lib/ChoiceInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ChoiceInput.jsx"],"names":["radioStyles","root","color","text","checked","ChoiceInput","props","disabled","matrixKey","matrixValue","classes","onChange","onChangeWrapper","propTypes","PropTypes","bool","isRequired","number","string","object","func","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,sCAA+BA,gBAAMC,IAAN,EAA/B;AADD,GADY;AAIlBC,EAAAA,OAAO,EAAE;AACPF,IAAAA,KAAK,+CAAwCA,gBAAMC,IAAN,EAAxC;AADE;AAJS,CAApB;AASA,IAAME,WAAW,GAAG,wBAAWL,WAAX,EAAwB,UAACM,KAAD,EAAW;AAAA,MAC9CC,QAD8C,GACkBD,KADlB,CAC9CC,QAD8C;AAAA,MACpCH,OADoC,GACkBE,KADlB,CACpCF,OADoC;AAAA,MAC3BI,SAD2B,GACkBF,KADlB,CAC3BE,SAD2B;AAAA,MAChBC,WADgB,GACkBH,KADlB,CAChBG,WADgB;AAAA,MACHC,OADG,GACkBJ,KADlB,CACHI,OADG;AAAA,MACMC,QADN,GACkBL,KADlB,CACMK,QADN;;AAGrD,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,QAAIL,QAAJ,EAAc;AACZ;AACD;;AACDI,IAAAA,QAAQ,CAAC;AACPF,MAAAA,WAAW,EAAXA,WADO;AAEPD,MAAAA,SAAS,EAATA;AAFO,KAAD,CAAR;AAID,GARD;;AAUA,sBACE,gCAAC,iBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEQ,eAFZ;AAGE,IAAA,QAAQ,EAAEL,QAHZ;AAIE,IAAA,OAAO,EAAE;AACPN,MAAAA,IAAI,EAAES,OAAO,CAACT,IADP;AAEPG,MAAAA,OAAO,EAAEM,OAAO,CAACN;AAFV;AAJX,IADF;AAWD,CAxBmB,CAApB;AA0BAC,WAAW,CAACQ,SAAZ,GAAwB;AACtBT,EAAAA,OAAO,EAAEU,sBAAUC,IAAV,CAAeC,UADF;AAEtBT,EAAAA,QAAQ,EAAEO,sBAAUC,IAAV,CAAeC,UAFH;AAGtBP,EAAAA,WAAW,EAAEK,sBAAUG,MAAV,CAAiBD,UAHR;AAItBR,EAAAA,SAAS,EAAEM,sBAAUI,MAAV,CAAiBF,UAJN;AAKtBN,EAAAA,OAAO,EAAEI,sBAAUK,MALG;AAMtBR,EAAAA,QAAQ,EAAEG,sBAAUM,IAAV,CAAeJ;AANH,CAAxB;AASAX,WAAW,CAACgB,YAAZ,GAA2B;AACzBjB,EAAAA,OAAO,EAAE,KADgB;AAEzBG,EAAAA,QAAQ,EAAE;AAFe,CAA3B;eAKeF,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {withStyles} from '@material-ui/core/styles';\n\nimport {color} from '@pie-lib/render-ui';\nimport Radio from '@material-ui/core/Radio';\n\nconst radioStyles = {\n  root: {\n    color: `var(--choice-input-color, ${color.text()})`\n  },\n  checked: {\n    color: `var(--choice-input-selected-color, ${color.text()})`\n  }\n};\n\nconst ChoiceInput = withStyles(radioStyles)((props) => {\n  const {disabled, checked, matrixKey, matrixValue, classes, onChange} = props;\n\n  const onChangeWrapper = () => {\n    if (disabled) {\n      return;\n    }\n    onChange({\n      matrixValue,\n      matrixKey\n    });\n  };\n\n  return (\n    <Radio\n      checked={checked}\n      onChange={onChangeWrapper}\n      disabled={disabled}\n      classes={{\n        root: classes.root,\n        checked: classes.checked,\n      }}\n    />\n  );\n});\n\nChoiceInput.propTypes = {\n  checked: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool.isRequired,\n  matrixValue: PropTypes.number.isRequired,\n  matrixKey: PropTypes.string.isRequired,\n  classes: PropTypes.object,\n  onChange: PropTypes.func.isRequired\n};\n\nChoiceInput.defaultProps = {\n  checked: false,\n  disabled: false\n};\n\nexport default ChoiceInput;\n"],"file":"ChoiceInput.js"}
+{"version":3,"sources":["../src/ChoiceInput.jsx"],"names":["radioStyles","root","color","text","checked","ChoiceInput","props","disabled","matrixKey","matrixValue","classes","onChange","onChangeWrapper","propTypes","PropTypes","bool","isRequired","number","string","object","func","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,sCAA+BA,gBAAMC,IAAN,EAA/B;AADD,GADY;AAIlBC,EAAAA,OAAO,EAAE;AACPF,IAAAA,KAAK,+CAAwCA,gBAAMC,IAAN,EAAxC;AADE;AAJS,CAApB;AASA,IAAME,WAAW,GAAG,wBAAWL,WAAX,EAAwB,UAACM,KAAD,EAAW;AACrD,MAAOC,QAAP,GAAuED,KAAvE,CAAOC,QAAP;AAAA,MAAiBH,OAAjB,GAAuEE,KAAvE,CAAiBF,OAAjB;AAAA,MAA0BI,SAA1B,GAAuEF,KAAvE,CAA0BE,SAA1B;AAAA,MAAqCC,WAArC,GAAuEH,KAAvE,CAAqCG,WAArC;AAAA,MAAkDC,OAAlD,GAAuEJ,KAAvE,CAAkDI,OAAlD;AAAA,MAA2DC,QAA3D,GAAuEL,KAAvE,CAA2DK,QAA3D;;AAEA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,QAAIL,QAAJ,EAAc;AACZ;AACD;;AACDI,IAAAA,QAAQ,CAAC;AACPF,MAAAA,WAAW,EAAXA,WADO;AAEPD,MAAAA,SAAS,EAATA;AAFO,KAAD,CAAR;AAID,GARD;;AAUA,sBACE,gCAAC,iBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEQ,eAFZ;AAGE,IAAA,QAAQ,EAAEL,QAHZ;AAIE,IAAA,OAAO,EAAE;AACPN,MAAAA,IAAI,EAAES,OAAO,CAACT,IADP;AAEPG,MAAAA,OAAO,EAAEM,OAAO,CAACN;AAFV;AAJX,IADF;AAWD,CAxBmB,CAApB;AA0BAC,WAAW,CAACQ,SAAZ,GAAwB;AACtBT,EAAAA,OAAO,EAAEU,sBAAUC,IAAV,CAAeC,UADF;AAEtBT,EAAAA,QAAQ,EAAEO,sBAAUC,IAAV,CAAeC,UAFH;AAGtBP,EAAAA,WAAW,EAAEK,sBAAUG,MAAV,CAAiBD,UAHR;AAItBR,EAAAA,SAAS,EAAEM,sBAAUI,MAAV,CAAiBF,UAJN;AAKtBN,EAAAA,OAAO,EAAEI,sBAAUK,MALG;AAMtBR,EAAAA,QAAQ,EAAEG,sBAAUM,IAAV,CAAeJ;AANH,CAAxB;AASAX,WAAW,CAACgB,YAAZ,GAA2B;AACzBjB,EAAAA,OAAO,EAAE,KADgB;AAEzBG,EAAAA,QAAQ,EAAE;AAFe,CAA3B;eAKeF,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {withStyles} from '@material-ui/core/styles';\n\nimport {color} from '@pie-lib/render-ui';\nimport Radio from '@material-ui/core/Radio';\n\nconst radioStyles = {\n  root: {\n    color: `var(--choice-input-color, ${color.text()})`\n  },\n  checked: {\n    color: `var(--choice-input-selected-color, ${color.text()})`\n  }\n};\n\nconst ChoiceInput = withStyles(radioStyles)((props) => {\n  const {disabled, checked, matrixKey, matrixValue, classes, onChange} = props;\n\n  const onChangeWrapper = () => {\n    if (disabled) {\n      return;\n    }\n    onChange({\n      matrixValue,\n      matrixKey\n    });\n  };\n\n  return (\n    <Radio\n      checked={checked}\n      onChange={onChangeWrapper}\n      disabled={disabled}\n      classes={{\n        root: classes.root,\n        checked: classes.checked,\n      }}\n    />\n  );\n});\n\nChoiceInput.propTypes = {\n  checked: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool.isRequired,\n  matrixValue: PropTypes.number.isRequired,\n  matrixKey: PropTypes.string.isRequired,\n  classes: PropTypes.object,\n  onChange: PropTypes.func.isRequired\n};\n\nChoiceInput.defaultProps = {\n  checked: false,\n  disabled: false\n};\n\nexport default ChoiceInput;\n"],"file":"ChoiceInput.js"}

package/lib/Main.js

@@ -31,7 +31,7 @@ var _Matrix = _interopRequireDefault(require("./Matrix"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var Main = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Main, _React$Component);

package/lib/Main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Main.jsx"],"names":["Main","props","model","onSessionChange","session","React","Component","PropTypes","object","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAYJ,kBAAS;AAAA,wBACmC,KAAKC,KADxC;AAAA,UACAC,KADA,eACAA,KADA;AAAA,UACOC,eADP,eACOA,eADP;AAAA,UACwBC,OADxB,eACwBA,OADxB;AAEP,0BACE,gCAAC,uBAAD,qBACE,gCAAC,kBAAD,gCACMF,KADN;AAEE,QAAA,OAAO,EAAEE,OAFX;AAGE,QAAA,eAAe,EAAED;AAHnB,SADF,CADF;AASD;;;EAvBgBE,kBAAMC,S;;iCAAnBN,I,eACe;AACjBE,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBJ,EAAAA,OAAO,EAAEG,sBAAUC,MAFF;AAGjBL,EAAAA,eAAe,EAAEI,sBAAUE;AAHV,C;iCADfT,I,kBAOkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;eAmBTJ,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {PreviewLayout} from '@pie-lib/render-ui';\nimport Matrix from './Matrix';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n\n  render() {\n    const {model, onSessionChange, session} = this.props;\n    return (\n      <PreviewLayout>\n        <Matrix\n          {...model}\n          session={session}\n          onSessionChange={onSessionChange}\n        />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"file":"Main.js"}
+{"version":3,"sources":["../src/Main.jsx"],"names":["Main","props","model","onSessionChange","session","React","Component","PropTypes","object","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAYJ,kBAAS;AACP,wBAA0C,KAAKC,KAA/C;AAAA,UAAOC,KAAP,eAAOA,KAAP;AAAA,UAAcC,eAAd,eAAcA,eAAd;AAAA,UAA+BC,OAA/B,eAA+BA,OAA/B;AACA,0BACE,gCAAC,uBAAD,qBACE,gCAAC,kBAAD,gCACMF,KADN;AAEE,QAAA,OAAO,EAAEE,OAFX;AAGE,QAAA,eAAe,EAAED;AAHnB,SADF,CADF;AASD;;;EAvBgBE,kBAAMC,S;;iCAAnBN,I,eACe;AACjBE,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBJ,EAAAA,OAAO,EAAEG,sBAAUC,MAFF;AAGjBL,EAAAA,eAAe,EAAEI,sBAAUE;AAHV,C;iCADfT,I,kBAOkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;eAmBTJ,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {PreviewLayout} from '@pie-lib/render-ui';\nimport Matrix from './Matrix';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n\n  render() {\n    const {model, onSessionChange, session} = this.props;\n    return (\n      <PreviewLayout>\n        <Matrix\n          {...model}\n          session={session}\n          onSessionChange={onSessionChange}\n        />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"file":"Main.js"}

package/lib/Matrix.js

@@ -21,17 +21,15 @@ var _ChoiceInput = _interopRequireDefault(require("./ChoiceInput"));
 
 var _renderUi = require("@pie-lib/render-ui");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 
-var PromptWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  vertical-align: middle;\n  color: var(--pie-primary-text, var(--pie-text, #000000));\n"])));
+var MatrixWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n"])));
 
-var MatrixWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n"])));
-
-var MatrixGridWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: grid;\n  grid-template-columns: ", ";\n  grid-column-gap: 30px;\n  grid-row-gap: 20px;\n  margin-top: 40px;\n"])), function (props) {
+var MatrixGridWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: grid;\n  grid-template-columns: ", ";\n  grid-column-gap: 30px;\n  grid-row-gap: 20px;\n  margin-top: 40px;\n"])), function (props) {
   return props.gridTemplateColumns;
 });
 
-var MatrixGridItem = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  align-self: center;\n  justify-self: center;\n  white-space: nowrap;\n"])));
+var MatrixGridItem = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  align-self: center;\n  justify-self: center;\n  white-space: nowrap;\n"])));
 
 var Matrix = function Matrix(props) {
   var disabled = props.disabled,
@@ -78,14 +76,11 @@ var Matrix = function Matrix(props) {
       hidden: 'Show Teacher Instructions',
       visible: 'Hide Teacher Instructions'
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: teacherInstructions
-    }
-  })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(PromptWrapper, {
-    dangerouslySetInnerHTML: {
-      __html: prompt
-    }
+  }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+    prompt: teacherInstructions
+  })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+    className: "prompt",
+    prompt: prompt
   }), /*#__PURE__*/_react["default"].createElement(MatrixGridWrapper, {
     gridTemplateColumns: gridTemplateColumns
   }, gridMatrixItems.map(function (gridMatrixItem, gridMatrixIndex) {

package/lib/Matrix.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Matrix.jsx"],"names":["PromptWrapper","styled","div","MatrixWrapper","MatrixGridWrapper","props","gridTemplateColumns","MatrixGridItem","Matrix","disabled","prompt","onSessionChange","columnLabels","matrixValues","rowLabels","session","teacherInstructions","gridMatrixItems","rowIndex","length","columnIndex","gridMatrixItem","matrixKey","matrixValue","value","hasOwnProperty","push","map","join","hidden","visible","__html","gridMatrixIndex","propTypes","PropTypes","string","object","arrayOf","bool","isRequired","func","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,aAAa,GAAGC,6BAAOC,GAAV,gLAAnB;;AAKA,IAAMC,aAAa,GAAGF,6BAAOC,GAAV,gJAAnB;;AAIA,IAAME,iBAAiB,GAAGH,6BAAOC,GAAV,mNAEI,UAAAG,KAAK;AAAA,SAAIA,KAAK,CAACC,mBAAV;AAAA,CAFT,CAAvB;;AASA,IAAMC,cAAc,GAAGN,6BAAOC,GAAV,kKAApB;;AAMA,IAAMM,MAAM,GAAG,SAATA,MAAS,CAACH,KAAD,EAAW;AAAA,MAEtBI,QAFsB,GAUpBJ,KAVoB,CAEtBI,QAFsB;AAAA,MAGtBC,MAHsB,GAUpBL,KAVoB,CAGtBK,MAHsB;AAAA,MAItBC,eAJsB,GAUpBN,KAVoB,CAItBM,eAJsB;AAAA,MAKtBC,YALsB,GAUpBP,KAVoB,CAKtBO,YALsB;AAAA,MAMtBC,YANsB,GAUpBR,KAVoB,CAMtBQ,YANsB;AAAA,MAOtBC,SAPsB,GAUpBT,KAVoB,CAOtBS,SAPsB;AAAA,MAQtBC,OARsB,GAUpBV,KAVoB,CAQtBU,OARsB;AAAA,MAStBC,mBATsB,GAUpBX,KAVoB,CAStBW,mBATsB;AAYxB,MAAMC,eAAe,GAAG,EAAxB;;AAEA,OAAK,IAAIC,QAAQ,GAAG,CAApB,EAAuBA,QAAQ,GAAGJ,SAAS,CAACK,MAAV,GAAmB,CAArD,EAAwDD,QAAQ,EAAhE,EAAoE;AAClE,SAAK,IAAIE,WAAW,GAAG,CAAvB,EAA0BA,WAAW,GAAGR,YAAY,CAACO,MAAb,GAAsB,CAA9D,EAAiEC,WAAW,EAA5E,EAAgF;AAC9E,UAAIC,cAAc,SAAlB;;AACA,UAAIH,QAAQ,KAAK,CAAb,IAAkBE,WAAW,KAAK,CAAtC,EAAyC;AACvCC,QAAAA,cAAc,GAAG,IAAjB;AACD,OAFD,MAEO,IAAIH,QAAQ,KAAK,CAAjB,EAAoB;AACzBG,QAAAA,cAAc,GAAGT,YAAY,CAACQ,WAAW,GAAG,CAAf,CAA7B;AACD,OAFM,MAEA,IAAIA,WAAW,KAAK,CAApB,EAAuB;AAC5BC,QAAAA,cAAc,GAAGP,SAAS,CAACI,QAAQ,GAAG,CAAZ,CAA1B;AACD,OAFM,MAEA;AACL,YAAMI,SAAS,aAAMJ,QAAQ,GAAG,CAAjB,cAAsBE,WAAW,GAAG,CAApC,CAAf;AACA,YAAMG,WAAW,GAAGV,YAAY,CAACS,SAAD,CAAhC;AACAD,QAAAA,cAAc,gBAAI,gCAAC,uBAAD;AAChB,UAAA,SAAS,EAAEC,SADK;AAEhB,UAAA,WAAW,EAAEC,WAAW,IAAI,CAFZ;AAGhB,UAAA,QAAQ,EAAEd,QAHM;AAIhB,UAAA,QAAQ,EAAEE,eAJM;AAKhB,UAAA,OAAO,EAAEI,OAAO,CAACS,KAAR,IAAiBT,OAAO,CAACS,KAAR,CAAcC,cAAd,CAA6BH,SAA7B;AALV,UAAlB;AAOD;;AACDL,MAAAA,eAAe,CAACS,IAAhB,CAAqBL,cAArB;AACD;AACF;;AACD,MAAMf,mBAAmB,GAAG,8CAAIM,YAAJ,IAAkB,EAAlB,GAAsBe,GAAtB,CAA0B;AAAA,WAAM,aAAN;AAAA,GAA1B,EAA+CC,IAA/C,CAAoD,GAApD,CAA5B;AAEA,sBACE,gCAAC,aAAD,QACGZ,mBAAmB,iBAClB,gCAAC,iBAAD,CAAO,QAAP,qBACE,gCAAC,qBAAD;AACE,IAAA,MAAM,EAAE;AACNa,MAAAA,MAAM,EAAE,2BADF;AAENC,MAAAA,OAAO,EAAE;AAFH;AADV,kBAME;AAAK,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEf;AAAT;AAA9B,IANF,CADF,eASE,2CATF,CAFJ,eAcE,gCAAC,aAAD;AAAe,IAAA,uBAAuB,EAAE;AAACe,MAAAA,MAAM,EAAErB;AAAT;AAAxC,IAdF,eAeE,gCAAC,iBAAD;AAAmB,IAAA,mBAAmB,EAAEJ;AAAxC,KACGW,eAAe,CAACU,GAAhB,CAAoB,UAACN,cAAD,EAAiBW,eAAjB,EAAqC;AACxD,wBACE,gCAAC,cAAD;AAAgB,MAAA,GAAG,YAAKA,eAAL;AAAnB,OACGX,cADH,CADF;AAKD,GANA,CADH,CAfF,CADF;AA2BD,CAlED;;AAoEAb,MAAM,CAACyB,SAAP,GAAmB;AACjBvB,EAAAA,MAAM,EAAEwB,sBAAUC,MADD;AAEjBnB,EAAAA,mBAAmB,EAAEkB,sBAAUC,MAFd;AAGjBpB,EAAAA,OAAO,EAAEmB,sBAAUE,MAHF;AAIjBvB,EAAAA,YAAY,EAAEqB,sBAAUE,MAJP;AAKjBtB,EAAAA,SAAS,EAAEoB,sBAAUG,OAAV,CAAkBH,sBAAUC,MAA5B,CALM;AAMjBvB,EAAAA,YAAY,EAAEsB,sBAAUG,OAAV,CAAkBH,sBAAUC,MAA5B,CANG;AAOjB1B,EAAAA,QAAQ,EAAEyB,sBAAUI,IAAV,CAAeC,UAPR;AAQjB5B,EAAAA,eAAe,EAAEuB,sBAAUM,IAAV,CAAeD;AARf,CAAnB;AAWA/B,MAAM,CAACiC,YAAP,GAAsB;AACpB1B,EAAAA,OAAO,EAAE;AACPS,IAAAA,KAAK,EAAE;AADA;AADW,CAAtB;eAMehB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport ChoiceInput from './ChoiceInput';\nimport {Collapsible} from '@pie-lib/render-ui';\n\nconst PromptWrapper = styled.div`\n  vertical-align: middle;\n  color: var(--pie-primary-text, var(--pie-text, #000000));\n`;\n\nconst MatrixWrapper = styled.div`\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n`;\n\nconst MatrixGridWrapper = styled.div`\n  display: grid;\n  grid-template-columns: ${props => props.gridTemplateColumns};\n  grid-column-gap: 30px;\n  grid-row-gap: 20px;\n  margin-top: 40px;\n`;\n\n\nconst MatrixGridItem = styled.div`\n  align-self: center;\n  justify-self: center;\n  white-space: nowrap;\n`;\n\nconst Matrix = (props) => {\n  const {\n    disabled,\n    prompt,\n    onSessionChange,\n    columnLabels,\n    matrixValues,\n    rowLabels,\n    session,\n    teacherInstructions\n  } = props;\n\n  const gridMatrixItems = [];\n\n  for (let rowIndex = 0; rowIndex < rowLabels.length + 1; rowIndex++) {\n    for (let columnIndex = 0; columnIndex < columnLabels.length + 1; columnIndex++) {\n      let gridMatrixItem;\n      if (rowIndex === 0 && columnIndex === 0) {\n        gridMatrixItem = null;\n      } else if (rowIndex === 0) {\n        gridMatrixItem = columnLabels[columnIndex - 1];\n      } else if (columnIndex === 0) {\n        gridMatrixItem = rowLabels[rowIndex - 1];\n      } else {\n        const matrixKey = `${rowIndex - 1}-${columnIndex - 1}`;\n        const matrixValue = matrixValues[matrixKey];\n        gridMatrixItem = (<ChoiceInput\n          matrixKey={matrixKey}\n          matrixValue={matrixValue || 0}\n          disabled={disabled}\n          onChange={onSessionChange}\n          checked={session.value && session.value.hasOwnProperty(matrixKey)}\n        />);\n      }\n      gridMatrixItems.push(gridMatrixItem);\n    }\n  }\n  const gridTemplateColumns = [...columnLabels, {}].map(() => 'min-content').join(' ');\n\n  return (\n    <MatrixWrapper>\n      {teacherInstructions && (\n        <React.Fragment>\n          <Collapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <div dangerouslySetInnerHTML={{__html: teacherInstructions}}/>\n          </Collapsible>\n          <br />\n        </React.Fragment>\n      )}\n      <PromptWrapper dangerouslySetInnerHTML={{__html: prompt}}/>\n      <MatrixGridWrapper gridTemplateColumns={gridTemplateColumns}>\n        {gridMatrixItems.map((gridMatrixItem, gridMatrixIndex) => {\n          return (\n            <MatrixGridItem key={`${gridMatrixIndex}`}>\n              {gridMatrixItem}\n            </MatrixGridItem>\n          );\n        })}\n      </MatrixGridWrapper>\n    </MatrixWrapper>\n  );\n};\n\nMatrix.propTypes = {\n  prompt: PropTypes.string,\n  teacherInstructions: PropTypes.string,\n  session: PropTypes.object,\n  matrixValues: PropTypes.object,\n  rowLabels: PropTypes.arrayOf(PropTypes.string),\n  columnLabels: PropTypes.arrayOf(PropTypes.string),\n  disabled: PropTypes.bool.isRequired,\n  onSessionChange: PropTypes.func.isRequired\n};\n\nMatrix.defaultProps = {\n  session: {\n    value: {}\n  },\n};\n\nexport default Matrix;\n"],"file":"Matrix.js"}
+{"version":3,"sources":["../src/Matrix.jsx"],"names":["MatrixWrapper","styled","div","MatrixGridWrapper","props","gridTemplateColumns","MatrixGridItem","Matrix","disabled","prompt","onSessionChange","columnLabels","matrixValues","rowLabels","session","teacherInstructions","gridMatrixItems","rowIndex","length","columnIndex","gridMatrixItem","matrixKey","matrixValue","value","hasOwnProperty","push","map","join","hidden","visible","gridMatrixIndex","propTypes","PropTypes","string","object","arrayOf","bool","isRequired","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport ChoiceInput from './ChoiceInput';\nimport {Collapsible, PreviewPrompt} from '@pie-lib/render-ui';\n\nconst MatrixWrapper = styled.div`\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n`;\n\nconst MatrixGridWrapper = styled.div`\n  display: grid;\n  grid-template-columns: ${props => props.gridTemplateColumns};\n  grid-column-gap: 30px;\n  grid-row-gap: 20px;\n  margin-top: 40px;\n`;\n\n\nconst MatrixGridItem = styled.div`\n  align-self: center;\n  justify-self: center;\n  white-space: nowrap;\n`;\n\nconst Matrix = (props) => {\n  const {\n    disabled,\n    prompt,\n    onSessionChange,\n    columnLabels,\n    matrixValues,\n    rowLabels,\n    session,\n    teacherInstructions\n  } = props;\n\n  const gridMatrixItems = [];\n\n  for (let rowIndex = 0; rowIndex < rowLabels.length + 1; rowIndex++) {\n    for (let columnIndex = 0; columnIndex < columnLabels.length + 1; columnIndex++) {\n      let gridMatrixItem;\n      if (rowIndex === 0 && columnIndex === 0) {\n        gridMatrixItem = null;\n      } else if (rowIndex === 0) {\n        gridMatrixItem = columnLabels[columnIndex - 1];\n      } else if (columnIndex === 0) {\n        gridMatrixItem = rowLabels[rowIndex - 1];\n      } else {\n        const matrixKey = `${rowIndex - 1}-${columnIndex - 1}`;\n        const matrixValue = matrixValues[matrixKey];\n        gridMatrixItem = (<ChoiceInput\n          matrixKey={matrixKey}\n          matrixValue={matrixValue || 0}\n          disabled={disabled}\n          onChange={onSessionChange}\n          checked={session.value && session.value.hasOwnProperty(matrixKey)}\n        />);\n      }\n      gridMatrixItems.push(gridMatrixItem);\n    }\n  }\n  const gridTemplateColumns = [...columnLabels, {}].map(() => 'min-content').join(' ');\n\n  return (\n    <MatrixWrapper>\n      {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      <PreviewPrompt className=\"prompt\" prompt={prompt} />\n      <MatrixGridWrapper gridTemplateColumns={gridTemplateColumns}>\n        {gridMatrixItems.map((gridMatrixItem, gridMatrixIndex) => {\n          return (\n            <MatrixGridItem key={`${gridMatrixIndex}`}>\n              {gridMatrixItem}\n            </MatrixGridItem>\n          );\n        })}\n      </MatrixGridWrapper>\n    </MatrixWrapper>\n  );\n};\n\nMatrix.propTypes = {\n  prompt: PropTypes.string,\n  teacherInstructions: PropTypes.string,\n  session: PropTypes.object,\n  matrixValues: PropTypes.object,\n  rowLabels: PropTypes.arrayOf(PropTypes.string),\n  columnLabels: PropTypes.arrayOf(PropTypes.string),\n  disabled: PropTypes.bool.isRequired,\n  onSessionChange: PropTypes.func.isRequired\n};\n\nMatrix.defaultProps = {\n  session: {\n    value: {}\n  },\n};\n\nexport default Matrix;\n"],"file":"Matrix.js"}

package/lib/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.isComplete = void 0;
+exports.isComplete = exports["default"] = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -31,7 +31,7 @@ var _Main = _interopRequireDefault(require("./Main"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var isComplete = function isComplete(session) {
   if (!session || !session.value) {
@@ -62,6 +62,9 @@ var Matrix = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["isComplete","session","value","Object","keys","length","Matrix","m","_model","_render","s","_session","matrixKey","matrixValue","matrixRowKey","split","sessionValueClone","reduce","acc","key","startsWith","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","el","React","createElement","Main","model","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,OAAO,EAAI;AACnC,MAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,KAAzB,EAAgC;AAC9B,WAAO,KAAP;AACD;;AACD,SAAO,CAAC,CAAEC,MAAM,CAACC,IAAP,CAAYH,OAAO,CAACC,KAApB,EAA2BG,MAArC;AACD,CALM;;;;IAOcC,M;;;;;AACnB,oBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;SAED,aAAYC,CAAZ,EAAe;AACb,WAAKC,QAAL,GAAgBD,CAAhB;;AACA,WAAKD,OAAL;AACD;;;WAED,8BAAyC;AAAA;;AAAA,UAAzBG,SAAyB,QAAzBA,SAAyB;AAAA,UAAdC,WAAc,QAAdA,WAAc;AACvC,UAAMC,YAAY,GAAGF,SAAS,CAACG,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAArB;AACA,UAAMC,iBAAiB,GAAGb,MAAM,CAC7BC,IADuB,CAClB,KAAKO,QAAL,CAAcT,KAAd,IAAuB,EADL,EAEvBe,MAFuB,CAEhB,UAACC,GAAD,EAAMC,GAAN,EAAc;AACpB,YAAI,CAACA,GAAG,CAACC,UAAJ,CAAeN,YAAf,CAAL,EAAmC;AACjCI,UAAAA,GAAG,CAACC,GAAD,CAAH,GAAW,KAAI,CAACR,QAAL,CAAcT,KAAd,CAAoBiB,GAApB,CAAX;AACD;;AACD,eAAOD,GAAP;AACD,OAPuB,EAOrB,EAPqB,CAA1B;AAQAF,MAAAA,iBAAiB,CAACJ,SAAD,CAAjB,GAA+BC,WAA/B;AACA,WAAKF,QAAL,CAAcT,KAAd,GAAsBc,iBAAtB;AACA,UAAMK,QAAQ,GAAGrB,UAAU,CAAC,KAAKW,QAAN,EAAgB,KAAKH,MAArB,CAA3B;AACA,WAAKc,aAAL,CACE,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CADF;;AAGA,WAAKZ,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKD,MAAN,IAAgB,CAAC,KAAKG,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMe,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKtB,MADuB;AAEnCP,QAAAA,OAAO,EAAE,KAAKU,QAFqB;AAGnCoB,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAHkB,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDApDiCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {SessionChangedEvent} from '@pie-framework/pie-player-events';\nimport {renderMath} from '@pie-lib/math-rendering';\nimport Main from './Main';\n\nexport const isComplete = session => {\n  if (!session || !session.value) {\n    return false;\n  }\n  return !!(Object.keys(session.value).length);\n};\n\nexport default class Matrix extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  sessionChanged({matrixKey, matrixValue}) {\n    const matrixRowKey = matrixKey.split('-')[0];\n    const sessionValueClone = Object\n      .keys(this._session.value || {})\n      .reduce((acc, key) => {\n        if (!key.startsWith(matrixRowKey)) {\n          acc[key] = this._session.value[key];\n        }\n        return acc;\n      }, {});\n    sessionValueClone[matrixKey] = matrixValue;\n    this._session.value = sessionValueClone;\n    const complete = isComplete(this._session, this._model);\n    this.dispatchEvent(\n      new SessionChangedEvent(this.tagName.toLowerCase(), complete)\n    );\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["isComplete","session","value","Object","keys","length","Matrix","m","_model","_render","_session","s","matrixKey","matrixValue","matrixRowKey","split","sessionValueClone","reduce","acc","key","startsWith","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","el","React","createElement","Main","model","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,OAAO,EAAI;AACnC,MAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,KAAzB,EAAgC;AAC9B,WAAO,KAAP;AACD;;AACD,SAAO,CAAC,CAAEC,MAAM,CAACC,IAAP,CAAYH,OAAO,CAACC,KAApB,EAA2BG,MAArC;AACD,CALM;;;;IAOcC,M;;;;;AACnB,oBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SAPD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;;AACA,WAAKF,OAAL;AACD;;;WAMD,8BAAyC;AAAA;;AAAA,UAAzBG,SAAyB,QAAzBA,SAAyB;AAAA,UAAdC,WAAc,QAAdA,WAAc;AACvC,UAAMC,YAAY,GAAGF,SAAS,CAACG,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAArB;AACA,UAAMC,iBAAiB,GAAGb,MAAM,CAC7BC,IADuB,CAClB,KAAKM,QAAL,CAAcR,KAAd,IAAuB,EADL,EAEvBe,MAFuB,CAEhB,UAACC,GAAD,EAAMC,GAAN,EAAc;AACpB,YAAI,CAACA,GAAG,CAACC,UAAJ,CAAeN,YAAf,CAAL,EAAmC;AACjCI,UAAAA,GAAG,CAACC,GAAD,CAAH,GAAW,KAAI,CAACT,QAAL,CAAcR,KAAd,CAAoBiB,GAApB,CAAX;AACD;;AACD,eAAOD,GAAP;AACD,OAPuB,EAOrB,EAPqB,CAA1B;AAQAF,MAAAA,iBAAiB,CAACJ,SAAD,CAAjB,GAA+BC,WAA/B;AACA,WAAKH,QAAL,CAAcR,KAAd,GAAsBc,iBAAtB;AACA,UAAMK,QAAQ,GAAGrB,UAAU,CAAC,KAAKU,QAAN,EAAgB,KAAKF,MAArB,CAA3B;AAEA,WAAKc,aAAL,CACE,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CADF;;AAGA,WAAKZ,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKD,MAAN,IAAgB,CAAC,KAAKE,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMgB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKtB,MADuB;AAEnCP,QAAAA,OAAO,EAAE,KAAKS,QAFqB;AAGnCqB,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAHkB,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDAzDiCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {SessionChangedEvent} from '@pie-framework/pie-player-events';\nimport {renderMath} from '@pie-lib/math-rendering';\nimport Main from './Main';\n\nexport const isComplete = session => {\n  if (!session || !session.value) {\n    return false;\n  }\n  return !!(Object.keys(session.value).length);\n};\n\nexport default class Matrix extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  sessionChanged({matrixKey, matrixValue}) {\n    const matrixRowKey = matrixKey.split('-')[0];\n    const sessionValueClone = Object\n      .keys(this._session.value || {})\n      .reduce((acc, key) => {\n        if (!key.startsWith(matrixRowKey)) {\n          acc[key] = this._session.value[key];\n        }\n        return acc;\n      }, {});\n    sessionValueClone[matrixKey] = matrixValue;\n    this._session.value = sessionValueClone;\n    const complete = isComplete(this._session, this._model);\n\n    this.dispatchEvent(\n      new SessionChangedEvent(this.tagName.toLowerCase(), complete)\n    );\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "0.1.3",
+  "version": "0.1.4-next.1008+7ab630754",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -12,8 +12,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/math-rendering": "^2.3.8",
-    "@pie-lib/render-ui": "^4.11.7",
+    "@pie-lib/math-rendering": "^2.4.3",
+    "@pie-lib/render-ui": "^4.12.9",
     "debug": "^4.1.1",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
@@ -22,7 +22,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "c4ade45496a17fa2a49e6fe44f6bc500ea17580f",
+  "gitHead": "7ab6307548d6d1387d82263513e6483fe30872fa",
   "main": "lib/index.js",
   "module": "src/index.js"
 }