@pie-element/match 4.7.2 → 4.7.3-next.1016

package/configure/lib/configure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","props","event","value","setState","activeTab","index","model","onModelChanged","feedback","rowIndex","newModel","rows","splice","onChange","concat","id","rowIdCounter","length","values","Array","layout","fill","newLayout","oldLayout","i","headers","push","forEach","row","newChoiceMode","trueCount","reduce","total","current","choiceMode","partialScoring","teacherInstructions","rationale","state","classes","imageSupport","configuration","onConfigurationChanged","enableImages","studentInstructions","lockChoiceOrder","scoringType","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","feedbackEnabled","config","Settings","label","Properties","studentInstructionsEnabled","onTeacherInstructionsChanged","onPromptChanged","onRationaleChanged","onResponseTypeChange","onLayoutChange","onAddRow","onDeleteRow","onFeedbackChange","React","Component","PropTypes","func","object","isRequired","shape","add","Config"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  FeedbackConfig,\n  settings,\n  layout,\n  InputContainer\n} from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport GeneralConfigBlock from './general-config-block';\nimport AnswerConfigBlock from './answer-config-block';\n\nconst log = debug('@pie-element:match:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  }\n});\n\nclass Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  static defaultProps = {\n    classes: {}\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;\n\n    this.state = {\n      activeTab: 0\n    };\n  }\n\n  onTabChange = (event, value) => {\n    this.setState({ activeTab: value });\n  };\n\n  onChangeTabIndex = index => {\n    this.setState({ activeTab: index });\n  };\n\n  onChange = model => {\n    this.props.onModelChanged(model);\n  };\n\n  onFeedbackChange = feedback => {\n    const { model, onModelChanged } = this.props;\n    model.feedback = feedback;\n    onModelChanged(model);\n  };\n\n  onDeleteRow = rowIndex => {\n    const { model } = this.props;\n\n    const newModel = { ...model };\n\n    newModel.rows.splice(rowIndex, 1);\n\n    this.onChange(newModel);\n  };\n\n  onAddRow = () => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    newModel.rows = newModel.rows.concat({\n      id: this.rowIdCounter + 1,\n      title: `Question Text ${newModel.rows.length + 1}`,\n      values: new Array(model.layout - 1).fill(false)\n    });\n\n    this.rowIdCounter += 1;\n\n    this.onChange(newModel);\n  };\n\n  onLayoutChange = newLayout => {\n    const { model } = this.props;\n    const oldLayout = model.layout;\n    const newModel = { ...model };\n\n    if (newLayout > oldLayout) {\n      for (let i = 0; i < newLayout - oldLayout; i++) {\n        newModel.headers.push(`Column ${newModel.headers.length + 1}`);\n      }\n\n      newModel.rows.forEach(row => {\n        for (let i = 0; i < newLayout - oldLayout; i++) {\n          row.values.push(false);\n        }\n      });\n    } else if (newLayout < oldLayout) {\n      newModel.headers.splice(newLayout);\n\n      newModel.rows.forEach(row => {\n        row.values.splice(newLayout - 1);\n      });\n    }\n\n    newModel.layout = newLayout;\n\n    this.onChange(newModel);\n  };\n\n  onResponseTypeChange = newChoiceMode => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    // if we're switching to radio and we have more than one true, reset\n    if (newChoiceMode === 'radio') {\n      newModel.rows.forEach(row => {\n        const trueCount = row.values.reduce((total, current) =>\n          current === true ? total + 1 : total\n        );\n\n        if (trueCount > 1) {\n          row.values = new Array(model.layout - 1).fill(false);\n        }\n      });\n    }\n\n    newModel.choiceMode = newChoiceMode;\n\n    this.onChange(newModel);\n  };\n\n  onPartialScoringChange = partialScoring => {\n    this.props.model.partialScoring = partialScoring;\n    this.props.onModelChanged(this.props.model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onRationaleChanged = rationale => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale\n    });\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      imageSupport,\n      onModelChanged,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const {\n      enableImages = {},\n      partialScoring = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      lockChoiceOrder = {},\n      scoringType = {},\n      prompt = {},\n      feedback = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, feedbackEnabled } =\n      model || {};\n\n    log('[render] model', model);\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={config => onConfigurationChanged(config)}\n            groups={{\n              Settings: {\n                enableImages:\n                  enableImages.settings && toggle(enableImages.label),\n                partialScoring:\n                  partialScoring.settings && toggle(partialScoring.label),\n                lockChoiceOrder:\n                  lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                feedbackEnabled:\n                  feedback.settings && toggle(feedback.label)\n              },\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['auto', 'rubric'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                disableUnderline\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChanged}\n                imageSupport={imageSupport}\n              />\n            </InputContainer>\n          )}\n          <GeneralConfigBlock\n            model={model}\n            configuration={configuration}\n            onResponseTypeChange={this.onResponseTypeChange}\n            onLayoutChange={this.onLayoutChange}\n          />\n          <AnswerConfigBlock\n            model={model}\n            configuration={configuration}\n            imageSupport={imageSupport}\n            onChange={this.onChange}\n            onAddRow={this.onAddRow}\n            onDeleteRow={this.onDeleteRow}\n          />\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.onFeedbackChange}\n            />\n          )}\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport const Config = Configure;\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}
+{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","props","event","value","setState","activeTab","index","model","onModelChanged","feedback","rowIndex","newModel","rows","splice","onChange","concat","id","rowIdCounter","length","values","Array","layout","fill","newLayout","oldLayout","i","headers","push","forEach","row","newChoiceMode","trueCount","reduce","total","current","choiceMode","partialScoring","teacherInstructions","rationale","state","classes","imageSupport","configuration","onConfigurationChanged","enableImages","studentInstructions","lockChoiceOrder","scoringType","spellCheck","maxImageWidth","maxImageHeight","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","defaultImageMaxWidth","defaultImageMaxHeight","config","Settings","label","Properties","studentInstructionsEnabled","onTeacherInstructionsChanged","onPromptChanged","onRationaleChanged","onResponseTypeChange","onLayoutChange","onAddRow","onDeleteRow","onFeedbackChange","React","Component","PropTypes","func","object","isRequired","shape","add","Config"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  FeedbackConfig,\n  settings,\n  layout,\n  InputContainer\n} from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withDragContext } from '@pie-lib/drag';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport GeneralConfigBlock from './general-config-block';\nimport AnswerConfigBlock from './answer-config-block';\n\nconst log = debug('@pie-element:match:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  }\n});\n\nclass Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  static defaultProps = {\n    classes: {}\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;\n\n    this.state = {\n      activeTab: 0\n    };\n  }\n\n  onTabChange = (event, value) => {\n    this.setState({ activeTab: value });\n  };\n\n  onChangeTabIndex = index => {\n    this.setState({ activeTab: index });\n  };\n\n  onChange = model => {\n    this.props.onModelChanged(model);\n  };\n\n  onFeedbackChange = feedback => {\n    const { model, onModelChanged } = this.props;\n    model.feedback = feedback;\n    onModelChanged(model);\n  };\n\n  onDeleteRow = rowIndex => {\n    const { model } = this.props;\n\n    const newModel = { ...model };\n\n    newModel.rows.splice(rowIndex, 1);\n\n    this.onChange(newModel);\n  };\n\n  onAddRow = () => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    newModel.rows = newModel.rows.concat({\n      id: this.rowIdCounter + 1,\n      title: `Question Text ${newModel.rows.length + 1}`,\n      values: new Array(model.layout - 1).fill(false)\n    });\n\n    this.rowIdCounter += 1;\n\n    this.onChange(newModel);\n  };\n\n  onLayoutChange = newLayout => {\n    const { model } = this.props;\n    const oldLayout = model.layout;\n    const newModel = { ...model };\n\n    if (newLayout > oldLayout) {\n      for (let i = 0; i < newLayout - oldLayout; i++) {\n        newModel.headers.push(`Column ${newModel.headers.length + 1}`);\n      }\n\n      newModel.rows.forEach(row => {\n        for (let i = 0; i < newLayout - oldLayout; i++) {\n          row.values.push(false);\n        }\n      });\n    } else if (newLayout < oldLayout) {\n      newModel.headers.splice(newLayout);\n\n      newModel.rows.forEach(row => {\n        row.values.splice(newLayout - 1);\n      });\n    }\n\n    newModel.layout = newLayout;\n\n    this.onChange(newModel);\n  };\n\n  onResponseTypeChange = newChoiceMode => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    // if we're switching to radio and we have more than one true, reset\n    if (newChoiceMode === 'radio') {\n      newModel.rows.forEach(row => {\n        const trueCount = row.values.reduce((total, current) =>\n          current === true ? total + 1 : total\n        );\n\n        if (trueCount > 1) {\n          row.values = new Array(model.layout - 1).fill(false);\n        }\n      });\n    }\n\n    newModel.choiceMode = newChoiceMode;\n\n    this.onChange(newModel);\n  };\n\n  onPartialScoringChange = partialScoring => {\n    this.props.model.partialScoring = partialScoring;\n    this.props.onModelChanged(this.props.model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onRationaleChanged = rationale => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale\n    });\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      imageSupport,\n      onModelChanged,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const {\n      enableImages = {},\n      partialScoring = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      lockChoiceOrder = {},\n      scoringType = {},\n      prompt = {},\n      feedback = {},\n      spellCheck = {},\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, feedbackEnabled } =\n      model || {};\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    log('[render] model', model);\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={config => onConfigurationChanged(config)}\n            groups={{\n              Settings: {\n                enableImages:\n                  enableImages.settings && toggle(enableImages.label),\n                partialScoring:\n                  partialScoring.settings && toggle(partialScoring.label),\n                lockChoiceOrder:\n                  lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                feedbackEnabled:\n                  feedback.settings && toggle(feedback.label)\n              },\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                spellCheck.settings && toggle(spellCheck.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['auto', 'rubric'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                disableUnderline\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n                maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChanged}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n          <GeneralConfigBlock\n            model={model}\n            configuration={configuration}\n            onResponseTypeChange={this.onResponseTypeChange}\n            onLayoutChange={this.onLayoutChange}\n          />\n          <AnswerConfigBlock\n            model={model}\n            configuration={configuration}\n            imageSupport={imageSupport}\n            onChange={this.onChange}\n            onAddRow={this.onAddRow}\n            onDeleteRow={this.onDeleteRow}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n          />\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.onFeedbackChange}\n              toolbarOpts={toolbarOpts}\n            />\n          )}\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport const Config = Configure;\n\nexport default withDragContext(withStyles(styles)(Configure));\n"],"file":"configure.js"}

package/configure/lib/defaults.js

@@ -18,6 +18,7 @@ var _default = {
     partialScoring: false,
     choiceMode: 'radio',
     prompt: 'Prompt goes here',
+    toolbarEditorPosition: 'bottom',
     rows: [{
       id: 1,
       title: 'Question Text 1',
@@ -48,7 +49,7 @@ var _default = {
       label: 'Layout'
     },
     lockChoiceOrder: {
-      settings: true,
+      settings: false,
       label: 'Lock Choice Order'
     },
     partialScoring: {
@@ -67,6 +68,11 @@ var _default = {
       settings: true,
       label: 'Rationale'
     },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
     scoringType: {
       settings: false,
       label: 'Scoring Type'
@@ -78,6 +84,18 @@ var _default = {
     teacherInstructions: {
       settings: true,
       label: 'Teacher Instructions'
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowTitles: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowTitles: 150
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","enableImages","headers","layout","lockChoiceOrder","partialScoring","choiceMode","prompt","rows","id","title","values","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","label","feedback","enabled","rationale","studentInstructions","teacherInstructions"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE,IADT;AAELC,IAAAA,OAAO,EAAE,CAAC,UAAD,EAAa,UAAb,EAAyB,UAAzB,CAFJ;AAGLC,IAAAA,MAAM,EAAE,CAHH;AAILC,IAAAA,eAAe,EAAE,IAJZ;AAKLC,IAAAA,cAAc,EAAE,KALX;AAMLC,IAAAA,UAAU,EAAE,OANP;AAOLC,IAAAA,MAAM,EAAE,kBAPH;AAQLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,EAAE,EAAE,CADN;AAEEC,MAAAA,KAAK,EAAE,iBAFT;AAGEC,MAAAA,MAAM,EAAE,CAAC,KAAD,EAAQ,KAAR;AAHV,KADI,CARD;AAeLC,IAAAA,WAAW,EAAE,MAfR;AAgBLC,IAAAA,eAAe,EAAE,IAhBZ;AAiBLC,IAAAA,aAAa,EAAE,IAjBV;AAkBLC,IAAAA,gBAAgB,EAAE,IAlBb;AAmBLC,IAAAA,0BAA0B,EAAE,IAnBvB;AAoBLC,IAAAA,0BAA0B,EAAE;AApBvB,GADM;AAuBbC,EAAAA,aAAa,EAAE;AACbjB,IAAAA,YAAY,EAAE;AACZkB,MAAAA,QAAQ,EAAE,IADE;AAEZC,MAAAA,KAAK,EAAE;AAFK,KADD;AAKbC,IAAAA,QAAQ,EAAE;AACRF,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRE,MAAAA,OAAO,EAAE;AAHD,KALG;AAUbpB,IAAAA,OAAO,EAAE;AACPiB,MAAAA,QAAQ,EAAE;AADH,KAVI;AAabhB,IAAAA,MAAM,EAAE;AACNgB,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KAbK;AAiBbhB,IAAAA,eAAe,EAAE;AACfe,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KAjBJ;AAqBbf,IAAAA,cAAc,EAAE;AACdc,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KArBH;AAyBbd,IAAAA,UAAU,EAAE;AACVa,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,KAAK,EAAE;AAFG,KAzBC;AA6Bbb,IAAAA,MAAM,EAAE;AACNY,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KA7BK;AAiCbG,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAjCE;AAqCbR,IAAAA,WAAW,EAAE;AACXO,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KArCA;AAyCbI,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAzCR;AA6CbK,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AA7CR;AAvBF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    enableImages: true,\n    headers: ['Column 1', 'Column 2', 'Column 3'],\n    layout: 3,\n    lockChoiceOrder: true,\n    partialScoring: false,\n    choiceMode: 'radio',\n    prompt: 'Prompt goes here',\n    rows: [\n      {\n        id: 1,\n        title: 'Question Text 1',\n        values: [false, false]\n      }\n    ],\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    enableImages: {\n      settings: true,\n      label: 'Enable Images'\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true\n    },\n    headers: {\n      settings: true\n    },\n    layout: {\n      settings: true,\n      label: 'Layout'\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    }\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","enableImages","headers","layout","lockChoiceOrder","partialScoring","choiceMode","prompt","toolbarEditorPosition","rows","id","title","values","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","label","feedback","enabled","rationale","spellCheck","studentInstructions","teacherInstructions","maxImageWidth","rowTitles","maxImageHeight"],"mappings":"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","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    enableImages: true,\n    headers: ['Column 1', 'Column 2', 'Column 3'],\n    layout: 3,\n    lockChoiceOrder: true,\n    partialScoring: false,\n    choiceMode: 'radio',\n    prompt: 'Prompt goes here',\n    toolbarEditorPosition: 'bottom',\n    rows: [\n      {\n        id: 1,\n        title: 'Question Text 1',\n        values: [false, false]\n      }\n    ],\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    enableImages: {\n      settings: true,\n      label: 'Enable Images'\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true\n    },\n    headers: {\n      settings: true\n    },\n    layout: {\n      settings: true,\n      label: 'Layout'\n    },\n    lockChoiceOrder: {\n      settings: false,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowTitles: 300\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowTitles: 150\n    }\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/general-config-block.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +35,25 @@ var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
 var _styles = require("@material-ui/core/styles");
 
-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; }
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
+var _utils = require("../utils");
+
+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 _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 _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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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 styles = function styles(theme) {
   return {
@@ -54,6 +66,23 @@ var styles = function styles(theme) {
     },
     inputContainer: {
       width: '90%'
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      marginTop: '10px'
+    },
+    titleText: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: '18px',
+      lineHeight: '19px',
+      color: '#495B8F',
+      marginRight: '5px'
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre',
+      maxWidth: '500px'
     }
   };
 };
@@ -73,34 +102,40 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (name) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeResponseType", function (name) {
       return function (event) {
         var _this$props = _this.props,
             model = _this$props.model,
-            onLayoutChange = _this$props.onLayoutChange,
             onResponseTypeChange = _this$props.onResponseTypeChange;
 
         var newModel = _objectSpread({}, model);
 
         newModel[name] = event.target.value;
-
-        if (name === 'layout') {
-          onLayoutChange(newModel[name]);
-        } else {
-          onResponseTypeChange(newModel[name]);
-        }
+        onResponseTypeChange(newModel[name]);
       };
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeColumns", function (name, value) {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          onLayoutChange = _this$props2.onLayoutChange;
+
+      var newModel = _objectSpread({}, model);
+
+      newModel[name] = value;
+      onLayoutChange(newModel[name]);
+    });
     return _this;
   }
 
   (0, _createClass2["default"])(GeneralConfigBlock, [{
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          model = _this$props2.model,
-          configuration = _this$props2.configuration;
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          model = _this$props3.model,
+          configuration = _this$props3.configuration;
 
       var _ref = configuration || {},
           _ref$layout = _ref.layout,
@@ -108,37 +143,52 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
           _ref$choiceMode = _ref.choiceMode,
           choiceMode = _ref$choiceMode === void 0 ? {} : _ref$choiceMode;
 
-      return /*#__PURE__*/React.createElement("div", {
+      var validationMessage = (0, _utils.generateValidationMessage)(model);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: classes.flexContainer
+      }, /*#__PURE__*/React.createElement(_Typography["default"], {
+        className: classes.titleText
+      }, "Define questions"), /*#__PURE__*/React.createElement(_Tooltip["default"], {
+        classes: {
+          tooltip: classes.tooltip
+        },
+        disableFocusListener: true,
+        disableTouchListener: true,
+        placement: 'right',
+        title: validationMessage
+      }, /*#__PURE__*/React.createElement(_Info["default"], {
+        fontSize: 'small',
+        color: 'primary'
+      }))), /*#__PURE__*/React.createElement("div", {
         className: classes.container
       }, /*#__PURE__*/React.createElement("div", {
         className: classes.input
       }, layout.settings && /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: layout.label,
         className: classes.inputContainer
-      }, /*#__PURE__*/React.createElement(_Select["default"], {
-        className: classes.select,
-        onChange: this.onChange('layout'),
-        value: model.layout
-      }, /*#__PURE__*/React.createElement(_MenuItem["default"], {
-        value: 3
-      }, "3 Columns"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
-        value: 4
-      }, "4 Columns"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
-        value: 5
-      }, "5 Columns")))), /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement(_configUi.NumberTextField, {
+        type: "number",
+        min: 3,
+        max: 10,
+        value: model.layout,
+        onChange: function onChange(e, v) {
+          return _this2.onChangeColumns('layout', v);
+        },
+        suffix: 'Columns'
+      }))), /*#__PURE__*/React.createElement("div", {
         className: classes.input
       }, choiceMode.settings && /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: choiceMode.label,
         className: classes.inputContainer
       }, /*#__PURE__*/React.createElement(_Select["default"], {
         className: classes.select,
-        onChange: this.onChange('choiceMode'),
+        onChange: this.onChangeResponseType('choiceMode'),
         value: model.choiceMode
       }, /*#__PURE__*/React.createElement(_MenuItem["default"], {
         value: "radio"
       }, "Radio - One Answer"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
         value: "checkbox"
-      }, "Checkbox - Multiple Answers")))));
+      }, "Checkbox - Multiple Answers"))))));
     }
   }]);
   return GeneralConfigBlock;

package/configure/lib/general-config-block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/general-config-block.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","display","input","flex","inputContainer","width","GeneralConfigBlock","name","event","props","model","onLayoutChange","onResponseTypeChange","newModel","target","value","classes","configuration","layout","choiceMode","settings","label","select","onChange","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n  },\n  input: {\n    flex: 1\n  },\n  inputContainer: {\n    width: '90%'\n  }\n});\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onResponseTypeChange: PropTypes.func.isRequired,\n    onLayoutChange: PropTypes.func.isRequired\n  };\n\n  onChange = (name) => event => {\n    const { model, onLayoutChange, onResponseTypeChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = event.target.value;\n\n    if (name === 'layout') {\n      onLayoutChange(newModel[name]);\n    } else {\n      onResponseTypeChange(newModel[name]);\n    }\n  };\n\n  render() {\n    const { classes, model, configuration } = this.props;\n    const {\n      layout = {},\n      choiceMode = {}\n    } = configuration || {};\n\n    return (\n      <div className={classes.container}>\n        <div className={classes.input}>\n          {layout.settings &&\n            <InputContainer\n              label={layout.label}\n              className={classes.inputContainer}\n            >\n              <Select\n                className={classes.select}\n                onChange={this.onChange('layout')}\n                value={model.layout}\n              >\n                <MenuItem value={3}>3 Columns</MenuItem>\n                <MenuItem value={4}>4 Columns</MenuItem>\n                <MenuItem value={5}>5 Columns</MenuItem>\n              </Select>\n            </InputContainer>\n          }\n        </div>\n        <div className={classes.input}>\n          {\n            choiceMode.settings &&\n            <InputContainer label={choiceMode.label} className={classes.inputContainer}>\n              <Select\n                className={classes.select}\n                onChange={this.onChange('choiceMode')}\n                value={model.choiceMode}\n              >\n                <MenuItem value=\"radio\">Radio - One Answer</MenuItem>\n                <MenuItem value=\"checkbox\">Checkbox - Multiple Answers</MenuItem>\n              </Select>\n            </InputContainer>\n          }\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}
+{"version":3,"sources":["../src/general-config-block.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","display","input","flex","inputContainer","width","flexContainer","alignItems","titleText","fontFamily","fontSize","lineHeight","color","marginRight","tooltip","whiteSpace","maxWidth","GeneralConfigBlock","name","event","props","model","onResponseTypeChange","newModel","target","value","onLayoutChange","classes","configuration","layout","choiceMode","validationMessage","settings","label","e","v","onChangeColumns","select","onChangeResponseType","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { InputContainer, NumberTextField } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport { generateValidationMessage } from '../utils';\n\nconst styles = theme => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n  },\n  input: {\n    flex: 1\n  },\n  inputContainer: {\n    width: '90%'\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '10px'\n  },\n  titleText: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '18px',\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: '5px',\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px'\n  }\n});\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onResponseTypeChange: PropTypes.func.isRequired,\n    onLayoutChange: PropTypes.func.isRequired\n  };\n\n  onChangeResponseType = (name) => event => {\n    const { model, onResponseTypeChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = event.target.value;\n\n    onResponseTypeChange(newModel[name]);\n  };\n\n  onChangeColumns = (name, value) => {\n    const { model, onLayoutChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = value;\n\n    onLayoutChange(newModel[name]);\n  };\n\n  render() {\n    const { classes, model, configuration } = this.props;\n    const {\n      layout = {},\n      choiceMode = {}\n    } = configuration || {};\n\n    const validationMessage = generateValidationMessage(model);\n\n    return (\n      <>\n        <div className={classes.flexContainer}>\n          <Typography className={classes.titleText}>Define questions</Typography>\n          <Tooltip\n            classes={{tooltip: classes.tooltip}}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'}/>\n          </Tooltip>\n        </div>\n        <div className={classes.container}>\n          <div className={classes.input}>\n            {layout.settings &&\n            <InputContainer\n              label={layout.label}\n              className={classes.inputContainer}\n            >\n              <NumberTextField\n                type=\"number\"\n                min={3}\n                max={10}\n                value={model.layout}\n                onChange={(e, v) => this.onChangeColumns('layout', v)}\n                suffix={'Columns'}\n              />\n            </InputContainer>\n            }\n          </div>\n          <div className={classes.input}>\n            {\n              choiceMode.settings &&\n              <InputContainer label={choiceMode.label} className={classes.inputContainer}>\n                <Select\n                  className={classes.select}\n                  onChange={this.onChangeResponseType('choiceMode')}\n                  value={model.choiceMode}\n                >\n                  <MenuItem value=\"radio\">Radio - One Answer</MenuItem>\n                  <MenuItem value=\"checkbox\">Checkbox - Multiple Answers</MenuItem>\n                </Select>\n              </InputContainer>\n            }\n          </div>\n        </div>\n      </>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}

package/configure/lib/index.js

@@ -33,13 +33,13 @@ var _debug = _interopRequireDefault(require("debug"));
 
 var _defaults = _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"])('pie-elements:match:configure');
 
@@ -80,7 +80,7 @@ var MatchConfigure = /*#__PURE__*/function (_HTMLElement) {
 
       this._render();
 
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, true));
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
     }
   }, {
     key: "onConfigurationChanged",

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","MatchConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","config","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Configure","onModelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8BAAN,CAAZ;;IAEqBC,c;;;;;AAOnB,4BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,cAAc,CAACE,kBAAf,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,cAAc,CAACE,kBAAf,CAAkCI,CAAlC,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;;AACA,WAAKD,OAAL;AACD;;;WAED,wBAAeE,KAAf,EAAsB;AACpB,WAAKR,MAAL,GAAcQ,KAAd;AACAV,MAAAA,GAAG,CAAC,oBAAD,EAAuB,KAAKE,MAA5B,CAAH;;AACA,WAAKM,OAAL;;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKV,MAA3B,EAAmC,IAAnC,CAAnB;AACD;;;WAED,gCAAuBW,MAAvB,EAA+B;AAC7B,WAAKT,cAAL,GAAsBS,MAAtB;;AACA,WAAKL,OAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYM,OAAZ,EAAqB;AACnB,WAAKH,aAAL,CAAmB,IAAII,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKN,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKf,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,qBAApB,EAA+B;AACxCC,UAAAA,cAAc,EAAE,KAAKA,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CADwB;AAExCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAFgB;AAGxCd,UAAAA,KAAK,EAAE,KAAKR,MAH4B;AAIxCI,UAAAA,aAAa,EAAE,KAAKF,cAJoB;AAKxCsB,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AAL0B,SAA/B,CAAX;;AAUAM,6BAASC,MAAT,CAAgBZ,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA7DyCa,W;;;iCAAvB/B,c,wBACS;AAAA,MAACS,KAAD,uEAAS,EAAT;AAAA,yCACrBL,qBAAcK,KADO,GAErBA,KAFqB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport defaultValues from './defaults';\n\nconst log = debug('pie-elements:match:configure');\n\nexport default class MatchConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n      ...defaultValues.model,\n      ...model\n    }\n  );\n\n  constructor() {\n    super();\n    this._model = MatchConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = MatchConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, true));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","MatchConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","config","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Configure","onModelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8BAAN,CAAZ;;IAEqBC,c;;;;;AAOnB,4BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,cAAc,CAACE,kBAAf,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,cAAc,CAACE,kBAAf,CAAkCI,CAAlC,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;;AACA,WAAKD,OAAL;AACD;;;WAED,wBAAeE,KAAf,EAAsB;AACpB,WAAKR,MAAL,GAAcQ,KAAd;AACAV,MAAAA,GAAG,CAAC,oBAAD,EAAuB,KAAKE,MAA5B,CAAH;;AACA,WAAKM,OAAL;;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKV,MAA3B,CAAnB;AACD;;;WAED,gCAAuBW,MAAvB,EAA+B;AAC7B,WAAKT,cAAL,GAAsBS,MAAtB;;AACA,WAAKL,OAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYM,OAAZ,EAAqB;AACnB,WAAKH,aAAL,CAAmB,IAAII,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKN,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKf,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,qBAApB,EAA+B;AACxCC,UAAAA,cAAc,EAAE,KAAKA,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CADwB;AAExCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAFgB;AAGxCd,UAAAA,KAAK,EAAE,KAAKR,MAH4B;AAIxCI,UAAAA,aAAa,EAAE,KAAKF,cAJoB;AAKxCsB,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AAL0B,SAA/B,CAAX;;AAUAM,6BAASC,MAAT,CAAgBZ,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA7DyCa,W;;;iCAAvB/B,c,wBACS;AAAA,MAACS,KAAD,uEAAS,EAAT;AAAA,yCACrBL,qBAAcK,KADO,GAErBA,KAFqB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport defaultValues from './defaults';\n\nconst log = debug('pie-elements:match:configure');\n\nexport default class MatchConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n      ...defaultValues.model,\n      ...model\n    }\n  );\n\n  constructor() {\n    super();\n    this._model = MatchConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = MatchConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}