@pie-element/matrix 0.16.1 → 0.16.2-next.10

package/configure/lib/Main.js

@@ -27,9 +27,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var _editableHtml = _interopRequireDefault(require("@pie-lib/pie-toolbox/editable-html"));
 
-var _configUi = require("@pie-lib/config-ui");
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
 
 var _styles = require("@material-ui/core/styles");
 

package/configure/lib/Main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","matrixHeaderOptionsHolder","display","flexWrap","paddingBottom","justifyContent","Design","props","classes","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","contentDimensions","prompt","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","teacherInstructionsEnabled","spellCheckEnabled","panelProperties","label","Properties","Main","onModelChanged","data","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAQA,KAAR,GAAiCC,kBAAjC,CAAQD,KAAR;AAAA,IAAeE,MAAf,GAAiCD,kBAAjC,CAAeC,MAAf;AAAA,IAAuBC,KAAvB,GAAiCF,kBAAjC,CAAuBE,KAAvB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFrB;AAGZC,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHvB,KADW;AAMzBE,IAAAA,yBAAyB,EAAE;AACzBC,MAAAA,OAAO,EAAE,MADgB;AAEzBC,MAAAA,QAAQ,EAAE,MAFe;AAGzBP,MAAAA,KAAK,EAAE,MAHkB;AAIzBQ,MAAAA,aAAa,EAAEV,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,GAJX;AAKzBM,MAAAA,cAAc,EAAE;AALS;AANF,GAAZ;AAAA,CAAf;;AAeA,IAAMC,MAAM,GAAG,wBAAWb,MAAX,EAAmB,UAACc,KAAD,EAAW;AAC3C,MACEC,OADF,GAUID,KAVJ,CACEC,OADF;AAAA,MAEEC,KAFF,GAUIF,KAVJ,CAEEE,KAFF;AAAA,MAGEC,aAHF,GAUIH,KAVJ,CAGEG,aAHF;AAAA,MAIEC,eAJF,GAUIJ,KAVJ,CAIEI,eAJF;AAAA,MAKEC,YALF,GAUIL,KAVJ,CAKEK,YALF;AAAA,MAMEC,kBANF,GAUIN,KAVJ,CAMEM,kBANF;AAAA,MAOEC,aAPF,GAUIP,KAVJ,CAOEO,aAPF;AAAA,MAQEC,sBARF,GAUIR,KAVJ,CAQEQ,sBARF;AAAA,MASEC,4BATF,GAUIT,KAVJ,CASES,4BATF;;AAWA,aAOIN,aAAa,IAAI,EAPrB;AAAA,mCACEO,iBADF;AAAA,MACEA,iBADF,sCACsB,EADtB;AAAA,yBAEEC,MAFF;AAAA,MAEEA,MAFF,4BAEW,EAFX;AAAA,8BAGEC,WAHF;AAAA,MAGEA,WAHF,iCAGgB,EAHhB;AAAA,MAIEC,qBAJF,QAIEA,qBAJF;AAAA,6BAKEC,UALF;AAAA,MAKEA,UALF,gCAKe,EALf;AAAA,mCAMEC,mBANF;AAAA,MAMEA,mBANF,sCAMwB,EANxB;;AAQA,cAA0Db,KAAK,IAAI,EAAnE;AAAA,MAAQc,0BAAR,SAAQA,0BAAR;AAAA,MAAoCC,iBAApC,SAAoCA,iBAApC;;AAEA,MAAMC,eAAe,GAAG;AACtBF,IAAAA,0BAA0B,EAAED,mBAAmB,CAAChC,QAApB,IAAgCC,MAAM,CAAC+B,mBAAmB,CAACI,KAArB,CAD5C;AAEtBF,IAAAA,iBAAiB,EAAEH,UAAU,CAAC/B,QAAX,IAAuBC,MAAM,CAAC8B,UAAU,CAACK,KAAZ,CAF1B;AAGtBP,IAAAA,WAAW,EAAEA,WAAW,CAAC7B,QAAZ,IAAwBE,KAAK,CAAC2B,WAAW,CAACO,KAAb,EAAoB,CAAC,MAAD,EAAS,QAAT,CAApB;AAHpB,GAAxB;AAMA,sBACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,IAAA,UAAU,EAAET,iBADd;AAEE,IAAA,YAAY,EAAEG,qBAFhB;AAGE,IAAA,QAAQ,eACN,gCAAC,KAAD;AACE,MAAA,KAAK,EAAEX,KADT;AAEE,MAAA,aAAa,EAAEK,aAFjB;AAGE,MAAA,aAAa,EAAEJ,aAHjB;AAIE,MAAA,qBAAqB,EAAEK,sBAJzB;AAKE,MAAA,MAAM,EAAE;AACNY,QAAAA,UAAU,EAAEF;AADN;AALV;AAJJ,KAeGF,0BAA0B,iBACzB,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAED,mBAAmB,CAACI,KAA3C;AAAkD,IAAA,SAAS,EAAElB,OAAO,CAACb;AAArE,kBACE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAEa,OAAO,CAACU,MADrB;AAEE,IAAA,MAAM,EAAET,KAAK,CAACa,mBAAN,IAA6B,EAFvC;AAGE,IAAA,QAAQ,EAAEN,4BAHZ;AAIE,IAAA,YAAY,EAAEJ,YAJhB;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,UAAU,EAAEY,iBANd;AAOE,IAAA,kBAAkB,EAAEX;AAPtB,IADF,CAhBJ,eA6BE,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAEK,MAAM,CAACQ,KAA9B;AAAqC,IAAA,SAAS,EAAElB,OAAO,CAACb;AAAxD,kBACE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAEa,OAAO,CAACU,MADrB;AAEE,IAAA,MAAM,EAAET,KAAK,CAACS,MAFhB;AAGE,IAAA,QAAQ,EAAEP,eAHZ;AAIE,IAAA,YAAY,EAAEC,YAJhB;AAKE,IAAA,QAAQ,EAAE,CAACM,MAAM,CAAC5B,QALpB;AAME,IAAA,UAAU,EAAEkC,iBANd;AAOE,IAAA,kBAAkB,EAAEX,kBAPtB;AAQE,IAAA,gBAAgB;AARlB,IADF,CA7BF,eA0CE;AAAK,IAAA,SAAS,EAAEL,OAAO,CAACP;AAAxB,kBACE,gCAAC,qCAAD;AAA2B,IAAA,KAAK,EAAEQ,KAAlC;AAAyC,IAAA,aAAa,EAAEK;AAAxD,IADF,eAEE,gCAAC,wCAAD;AAA8B,IAAA,KAAK,EAAEL,KAArC;AAA4C,IAAA,aAAa,EAAEK;AAA3D,IAFF,eAGE,gCAAC,sCAAD;AAA4B,IAAA,KAAK,EAAEL,KAAnC;AAA0C,IAAA,aAAa,EAAEK;AAAzD,IAHF,CA1CF,eAgDE,gCAAC,wBAAD;AAAc,IAAA,KAAK,EAAEL,KAArB;AAA4B,IAAA,aAAa,EAAEK;AAA3C,IAhDF,CADF;AAoDD,CAhFc,CAAf;;IAkFac,I;;;;;;;;;;;;;;;wGAaO,UAACV,MAAD,EAAY;AAC5B,YAAKX,KAAL,CAAWsB,cAAX,iCAA+B,MAAKtB,KAAL,CAAWE,KAA1C;AAAiDS,QAAAA,MAAM,EAANA;AAAjD;AACD,K;sGAEe,UAACY,IAAD,EAAU;AACxB,YAAKvB,KAAL,CAAWsB,cAAX,iCAA+B,MAAKtB,KAAL,CAAWE,KAA1C,GAAoDqB,IAApD;AACD,K;qHAE8B,UAACR,mBAAD,EAAyB;AACtD,YAAKf,KAAL,CAAWsB,cAAX,iCAA+B,MAAKtB,KAAL,CAAWE,KAA1C;AAAiDa,QAAAA,mBAAmB,EAAnBA;AAAjD;AACD,K;;;;;;WAED,kBAAS;AACP,0BACE,gCAAC,MAAD,gCACM,KAAKf,KADX;AAEE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWsB,cAF5B;AAGE,QAAA,eAAe,EAAE,KAAKlB,eAHxB;AAIE,QAAA,4BAA4B,EAAE,KAAKK;AAJrC,SADF;AAQD;;;EAlCuBe,kBAAMC,S;;;iCAAnBJ,I,eACQ;AACjBnB,EAAAA,KAAK,EAAEwB,sBAAUC,MAAV,CAAiBC,UADP;AAEjBC,EAAAA,gBAAgB,EAAEH,sBAAUI,IAFX;AAGjBR,EAAAA,cAAc,EAAEI,sBAAUK,IAAV,CAAeH,UAHd;AAIjBpB,EAAAA,sBAAsB,EAAEkB,sBAAUK,IAAV,CAAeH,UAJtB;AAKjB3B,EAAAA,OAAO,EAAEyB,sBAAUC,MAAV,CAAiBC,UALT;AAMjBvB,EAAAA,YAAY,EAAEqB,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADQ;AAE5B,cAAQF,sBAAUK,IAAV,CAAeH;AAFK,GAAhB;AANG,C;AAoCrB,IAAMM,MAAM,GAAG,wBAAWhD,MAAX,EAAmBmC,IAAnB,CAAf;eAEea,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport MatrixColumnsSizeHeaderInput from './MatrixColumnsSizeHeaderInput';\nimport MatrixRowsSizeHeaderInput from './MatrixRowsSizeHeaderInput';\nimport MatrixLabelTypeHeaderInput from './MatrixLabelTypeHeaderInput';\nimport MatrixValues from './MatrixValues';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  matrixHeaderOptionsHolder: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2.5,\n    justifyContent: 'space-around',\n  },\n});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    imageSupport,\n    uploadSoundSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n  const {\n    contentDimensions = {},\n    prompt = {},\n    scoringType = {},\n    settingsPanelDisabled,\n    spellCheck = {},\n    teacherInstructions = {},\n  } = configuration || {};\n  const { teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n\n  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n  };\n\n  return (\n    <layout.ConfigLayout\n      dimensions={contentDimensions}\n      hideSettings={settingsPanelDisabled}\n      settings={\n        <Panel\n          model={model}\n          onChangeModel={onChangeModel}\n          configuration={configuration}\n          onChangeConfiguration={onConfigurationChanged}\n          groups={{\n            Properties: panelProperties,\n          }}\n        />\n      }\n    >\n      {teacherInstructionsEnabled && (\n        <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            spellCheck={spellCheckEnabled}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n        </InputContainer>\n      )}\n\n      <InputContainer label={prompt.label} className={classes.promptHolder}>\n        <EditableHtml\n          className={classes.prompt}\n          markup={model.prompt}\n          onChange={onPromptChanged}\n          imageSupport={imageSupport}\n          nonEmpty={!prompt.settings}\n          spellCheck={spellCheckEnabled}\n          uploadSoundSupport={uploadSoundSupport}\n          disableUnderline\n        />\n      </InputContainer>\n\n      <div className={classes.matrixHeaderOptionsHolder}>\n        <MatrixRowsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixColumnsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixLabelTypeHeaderInput model={model} onChangeModel={onChangeModel} />\n      </div>\n\n      <MatrixValues model={model} onChangeModel={onChangeModel} />\n    </layout.ConfigLayout>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ ...this.props.model, prompt });\n  };\n\n  onChangeModel = (data) => {\n    this.props.onModelChanged({ ...this.props.model, ...data });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.props.onModelChanged}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"Main.js"}
+{"version":3,"sources":["../src/Main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","matrixHeaderOptionsHolder","display","flexWrap","paddingBottom","justifyContent","Design","props","classes","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","contentDimensions","prompt","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","teacherInstructionsEnabled","spellCheckEnabled","panelProperties","label","Properties","Main","onModelChanged","data","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/pie-toolbox/editable-html';\nimport { InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport MatrixColumnsSizeHeaderInput from './MatrixColumnsSizeHeaderInput';\nimport MatrixRowsSizeHeaderInput from './MatrixRowsSizeHeaderInput';\nimport MatrixLabelTypeHeaderInput from './MatrixLabelTypeHeaderInput';\nimport MatrixValues from './MatrixValues';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  matrixHeaderOptionsHolder: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2.5,\n    justifyContent: 'space-around',\n  },\n});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    imageSupport,\n    uploadSoundSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n  const {\n    contentDimensions = {},\n    prompt = {},\n    scoringType = {},\n    settingsPanelDisabled,\n    spellCheck = {},\n    teacherInstructions = {},\n  } = configuration || {};\n  const { teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n\n  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n  };\n\n  return (\n    <layout.ConfigLayout\n      dimensions={contentDimensions}\n      hideSettings={settingsPanelDisabled}\n      settings={\n        <Panel\n          model={model}\n          onChangeModel={onChangeModel}\n          configuration={configuration}\n          onChangeConfiguration={onConfigurationChanged}\n          groups={{\n            Properties: panelProperties,\n          }}\n        />\n      }\n    >\n      {teacherInstructionsEnabled && (\n        <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            spellCheck={spellCheckEnabled}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n        </InputContainer>\n      )}\n\n      <InputContainer label={prompt.label} className={classes.promptHolder}>\n        <EditableHtml\n          className={classes.prompt}\n          markup={model.prompt}\n          onChange={onPromptChanged}\n          imageSupport={imageSupport}\n          nonEmpty={!prompt.settings}\n          spellCheck={spellCheckEnabled}\n          uploadSoundSupport={uploadSoundSupport}\n          disableUnderline\n        />\n      </InputContainer>\n\n      <div className={classes.matrixHeaderOptionsHolder}>\n        <MatrixRowsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixColumnsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixLabelTypeHeaderInput model={model} onChangeModel={onChangeModel} />\n      </div>\n\n      <MatrixValues model={model} onChangeModel={onChangeModel} />\n    </layout.ConfigLayout>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ ...this.props.model, prompt });\n  };\n\n  onChangeModel = (data) => {\n    this.props.onModelChanged({ ...this.props.model, ...data });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.props.onModelChanged}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"Main.js"}

package/configure/package.json

@@ -9,8 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.9.24",
-    "@pie-lib/editable-html": "^11.1.1",
+    "@pie-lib/pie-toolbox": "1.0.5",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/lib/ChoiceInput.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _renderUi = require("@pie-lib/render-ui");
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
 
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 

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;AACrD,MAAQC,QAAR,GAAyED,KAAzE,CAAQC,QAAR;AAAA,MAAkBH,OAAlB,GAAyEE,KAAzE,CAAkBF,OAAlB;AAAA,MAA2BI,SAA3B,GAAyEF,KAAzE,CAA2BE,SAA3B;AAAA,MAAsCC,WAAtC,GAAyEH,KAAzE,CAAsCG,WAAtC;AAAA,MAAmDC,OAAnD,GAAyEJ,KAAzE,CAAmDI,OAAnD;AAAA,MAA4DC,QAA5D,GAAyEL,KAAzE,CAA4DK,QAA5D;;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"}
+{"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,MAAQC,QAAR,GAAyED,KAAzE,CAAQC,QAAR;AAAA,MAAkBH,OAAlB,GAAyEE,KAAzE,CAAkBF,OAAlB;AAAA,MAA2BI,SAA3B,GAAyEF,KAAzE,CAA2BE,SAA3B;AAAA,MAAsCC,WAAtC,GAAyEH,KAAzE,CAAsCG,WAAtC;AAAA,MAAmDC,OAAnD,GAAyEJ,KAAzE,CAAmDI,OAAnD;AAAA,MAA4DC,QAA5D,GAAyEL,KAAzE,CAA4DK,QAA5D;;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/pie-toolbox/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

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _renderUi = require("@pie-lib/render-ui");
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
 
 var _Matrix = _interopRequireDefault(require("./Matrix"));
 

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;AACP,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AACA,0BACE,gCAAC,uBAAD,qBACE,gCAAC,kBAAD,gCAAYF,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF;AAKD;;;EAnBgBE,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;eAeTJ,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 {...model} session={session} onSessionChange={onSessionChange} />\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,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AACA,0BACE,gCAAC,uBAAD,qBACE,gCAAC,kBAAD,gCAAYF,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF;AAKD;;;EAnBgBE,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;eAeTJ,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewLayout } from '@pie-lib/pie-toolbox/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 {...model} session={session} onSessionChange={onSessionChange} />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"file":"Main.js"}

package/lib/Matrix.js

@@ -19,7 +19,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _ChoiceInput = _interopRequireDefault(require("./ChoiceInput"));
 
-var _renderUi = require("@pie-lib/render-ui");
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 

package/lib/Matrix.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Matrix.jsx"],"names":["MatrixWrapper","styled","div","color","text","background","MatrixGridWrapper","props","gridTemplateColumns","TeacherInstructions","Collapsible","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 { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\n\nconst MatrixWrapper = styled.div`\n  color: ${color.text()};\n  background-color: ${color.background()};\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: 20px;\n`;\n\nconst TeacherInstructions = styled(Collapsible)`\n  margin-bottom: 16px;\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 { disabled, prompt, onSessionChange, columnLabels, matrixValues, rowLabels, session, 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\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\n        gridMatrixItem = (\n          <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      }\n\n      gridMatrixItems.push(gridMatrixItem);\n    }\n  }\n  const gridTemplateColumns = [...columnLabels, {}].map(() => 'min-content').join(' ');\n\n  return (\n    <MatrixWrapper>\n      {teacherInstructions && (\n        <TeacherInstructions\n          className={teacherInstructions}\n          labels={{\n            hidden: 'Show Teacher Instructions',\n            visible: 'Hide Teacher Instructions',\n          }}\n        >\n          <PreviewPrompt prompt={teacherInstructions} />\n        </TeacherInstructions>\n      )}\n\n      <PreviewPrompt className=\"prompt\" prompt={prompt} />\n\n      <MatrixGridWrapper gridTemplateColumns={gridTemplateColumns}>\n        {gridMatrixItems.map((gridMatrixItem, gridMatrixIndex) => {\n          return <MatrixGridItem key={`${gridMatrixIndex}`}>{gridMatrixItem}</MatrixGridItem>;\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","color","text","background","MatrixGridWrapper","props","gridTemplateColumns","TeacherInstructions","Collapsible","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 { color, Collapsible, PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\n\nconst MatrixWrapper = styled.div`\n  color: ${color.text()};\n  background-color: ${color.background()};\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: 20px;\n`;\n\nconst TeacherInstructions = styled(Collapsible)`\n  margin-bottom: 16px;\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 { disabled, prompt, onSessionChange, columnLabels, matrixValues, rowLabels, session, 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\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\n        gridMatrixItem = (\n          <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      }\n\n      gridMatrixItems.push(gridMatrixItem);\n    }\n  }\n  const gridTemplateColumns = [...columnLabels, {}].map(() => 'min-content').join(' ');\n\n  return (\n    <MatrixWrapper>\n      {teacherInstructions && (\n        <TeacherInstructions\n          className={teacherInstructions}\n          labels={{\n            hidden: 'Show Teacher Instructions',\n            visible: 'Hide Teacher Instructions',\n          }}\n        >\n          <PreviewPrompt prompt={teacherInstructions} />\n        </TeacherInstructions>\n      )}\n\n      <PreviewPrompt className=\"prompt\" prompt={prompt} />\n\n      <MatrixGridWrapper gridTemplateColumns={gridTemplateColumns}>\n        {gridMatrixItems.map((gridMatrixItem, gridMatrixIndex) => {\n          return <MatrixGridItem key={`${gridMatrixIndex}`}>{gridMatrixItem}</MatrixGridItem>;\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

@@ -25,7 +25,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _piePlayerEvents = require("@pie-framework/pie-player-events");
 
-var _mathRendering = require("@pie-lib/math-rendering");
+var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
 
 var _Main = _interopRequireDefault(require("./Main"));
 

package/lib/index.js.map

@@ -1 +1 @@
-{"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,CAACC,OAAD,EAAa;AACrC,MAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,KAAzB,EAAgC;AAC9B,WAAO,KAAP;AACD;;AACD,SAAO,CAAC,CAACC,MAAM,CAACC,IAAP,CAAYH,OAAO,CAACC,KAApB,EAA2BG,MAApC;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,8BAA2C;AAAA;;AAAA,UAA1BG,SAA0B,QAA1BA,SAA0B;AAAA,UAAfC,WAAe,QAAfA,WAAe;AACzC,UAAMC,YAAY,GAAGF,SAAS,CAACG,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAArB;AACA,UAAMC,iBAAiB,GAAGb,MAAM,CAACC,IAAP,CAAY,KAAKM,QAAL,CAAcR,KAAd,IAAuB,EAAnC,EAAuCe,MAAvC,CAA8C,UAACC,GAAD,EAAMC,GAAN,EAAc;AACpF,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,OALyB,EAKvB,EALuB,CAA1B;AAMAF,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,CAAmB,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CAAnB;;AACA,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;;;kDArDiCU,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.keys(this._session.value || {}).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(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\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,CAACC,OAAD,EAAa;AACrC,MAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,KAAzB,EAAgC;AAC9B,WAAO,KAAP;AACD;;AACD,SAAO,CAAC,CAACC,MAAM,CAACC,IAAP,CAAYH,OAAO,CAACC,KAApB,EAA2BG,MAApC;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,8BAA2C;AAAA;;AAAA,UAA1BG,SAA0B,QAA1BA,SAA0B;AAAA,UAAfC,WAAe,QAAfA,WAAe;AACzC,UAAMC,YAAY,GAAGF,SAAS,CAACG,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAArB;AACA,UAAMC,iBAAiB,GAAGb,MAAM,CAACC,IAAP,CAAY,KAAKM,QAAL,CAAcR,KAAd,IAAuB,EAAnC,EAAuCe,MAAvC,CAA8C,UAACC,GAAD,EAAMC,GAAN,EAAc;AACpF,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,OALyB,EAKvB,EALuB,CAA1B;AAMAF,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,CAAmB,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CAAnB;;AACA,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;;;kDArDiCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/pie-toolbox/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.keys(this._session.value || {}).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(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\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.16.1",
+  "version": "0.16.2-next.10+212cbfad2",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -12,8 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/math-rendering": "2.5.18",
-    "@pie-lib/render-ui": "^4.15.9",
+    "@pie-lib/pie-toolbox": "1.0.5",
     "debug": "^4.1.1",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
@@ -22,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "9017d16cb1939e7d65fa2b3c8f62a8d70898d1c1",
+  "gitHead": "212cbfad27b29f0b1b2a3706ba82f6fb59147001",
   "main": "lib/index.js",
   "module": "src/index.js"
 }