@pie-element/likert 0.9.1-next.36 → 0.9.1-next.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/configure/lib/main.js +20 -36
  2. package/configure/lib/main.js.map +1 -1
  3. package/lib/likert.js +26 -17
  4. package/lib/likert.js.map +1 -1
  5. package/lib/main.js +3 -8
  6. package/lib/main.js.map +1 -1
  7. package/package.json +2 -2
package/configure/lib/main.js CHANGED
@@ -61,12 +61,8 @@ var styles = function styles(theme) {
61
61
  return {
62
62
  promptHolder: {
63
63
  width: '100%',
64
- paddingBottom: theme.spacing.unit * 2,
65
- marginBottom: theme.spacing.unit * 2
66
- },
67
- prompt: {
68
64
  paddingTop: theme.spacing.unit * 2,
69
- width: '100%'
65
+ marginBottom: theme.spacing.unit * 2
70
66
  },
71
67
  radioButtonsWrapper: {
72
68
  display: 'flex',
@@ -79,13 +75,14 @@ var styles = function styles(theme) {
79
75
  likertLabelHolder: {
80
76
  display: 'flex',
81
77
  width: '100%',
82
- alignItems: 'flex-start'
78
+ alignItems: 'flex-start',
79
+ marginBottom: theme.spacing.unit * 2
83
80
  },
84
81
  likertOptionsHolder: {
85
82
  display: 'flex',
86
83
  width: '100%',
87
- padding: "".concat(theme.spacing.unit * 2.5, "px 0"),
88
- justifyContent: 'space-around'
84
+ justifyContent: 'space-around',
85
+ marginBottom: theme.spacing.unit * 2.5
89
86
  },
90
87
  likertLabelInput: {
91
88
  width: 'calc(100% - 200px)',
@@ -109,15 +106,6 @@ var styles = function styles(theme) {
109
106
  likertLabelEditableHtml: {
110
107
  paddingTop: theme.spacing.unit * 2
111
108
  },
112
- design: {
113
- paddingTop: theme.spacing.unit * 3
114
- },
115
- choiceConfigurationHolder: {
116
- marginTop: theme.spacing.unit * 2,
117
- display: 'flex',
118
- flexDirection: 'column',
119
- alignItems: 'start'
120
- },
121
109
  inputFormGroupIndex: {
122
110
  width: '30px',
123
111
  paddingTop: theme.spacing.unit * 4
@@ -295,9 +283,7 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
295
283
  spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
296
284
  scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
297
285
  };
298
- return /*#__PURE__*/_react["default"].createElement("div", {
299
- className: classes.design
300
- }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
286
+ return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
301
287
  hideSettings: settingsPanelDisabled,
302
288
  settings: /*#__PURE__*/_react["default"].createElement(Panel, {
303
289
  model: model,
@@ -308,18 +294,7 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
308
294
  Properties: panelProperties
309
295
  }
310
296
  })
311
- }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
312
- className: classes.likertOptionsHolder
313
- }, /*#__PURE__*/_react["default"].createElement(LikertScale, {
314
- model: model,
315
- onChangeModel: onChangeModel
316
- }), /*#__PURE__*/_react["default"].createElement(LikertType, {
317
- model: model,
318
- onChangeModel: onChangeModel
319
- }), /*#__PURE__*/_react["default"].createElement(LikertOrientation, {
320
- model: model,
321
- onChangeModel: onChangeModel
322
- })), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
297
+ }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
323
298
  label: teacherInstructions.label,
324
299
  className: classes.promptHolder
325
300
  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
@@ -342,11 +317,20 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
342
317
  spellCheck: spellCheckEnabled,
343
318
  disableUnderline: true,
344
319
  uploadSoundSupport: uploadSoundSupport
320
+ })), /*#__PURE__*/_react["default"].createElement("div", {
321
+ className: classes.likertOptionsHolder
322
+ }, /*#__PURE__*/_react["default"].createElement(LikertScale, {
323
+ model: model,
324
+ onChangeModel: onChangeModel
325
+ }), /*#__PURE__*/_react["default"].createElement(LikertType, {
326
+ model: model,
327
+ onChangeModel: onChangeModel
328
+ }), /*#__PURE__*/_react["default"].createElement(LikertOrientation, {
329
+ model: model,
330
+ onChangeModel: onChangeModel
345
331
  })), model.choices.map(function (choice, index) {
346
332
  return /*#__PURE__*/_react["default"].createElement("div", {
347
333
  key: "choice-".concat(index),
348
- className: classes.choiceConfigurationHolder
349
- }, /*#__PURE__*/_react["default"].createElement("div", {
350
334
  className: classes.likertLabelHolder
351
335
  }, /*#__PURE__*/_react["default"].createElement("span", {
352
336
  className: classes.inputFormGroupIndex
@@ -381,8 +365,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
381
365
  imageSupport: imageSupport
382
366
  }), valuesMap[choice.value] && valuesMap[choice.value] > 1 && /*#__PURE__*/_react["default"].createElement("p", {
383
367
  className: classes.errorMessage
384
- }, "Value should be unique"))));
385
- }))));
368
+ }, "Value should be unique")));
369
+ }));
386
370
  });
387
371
 
388
372
  var Main = /*#__PURE__*/function (_React$Component) {
package/configure/lib/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","radioButtonsWrapper","display","flexDirection","radioButtonsColumnHeader","color","fontSize","typography","likertLabelHolder","alignItems","likertOptionsHolder","padding","justifyContent","likertLabelInput","marginRight","errorMessage","width100","flexRow","likertValueHolder","paddingLeft","likertLabelEditableHtml","design","choiceConfigurationHolder","marginTop","inputFormGroupIndex","LikertOrientation","props","classes","model","onChangeModel","onChangeLikertOrientation","e","likertOrientation","target","value","LIKERT_ORIENTATION","horizontal","vertical","LikertScale","onChangeLikertScale","likertScale","choices","likertType","LIKERT_SCALE","likert3","likert5","likert7","LikertType","onChangeLikertType","LIKERT_TYPE","agreement","frequency","yesNo","importance","likelihood","like","buildValuesMap","reduce","acc","choice","accClone","choiceValue","parseInt","Design","configuration","imageSupport","onChoiceChanged","onConfigurationChanged","onPromptChanged","onTeacherInstructionsChanged","uploadSoundSupport","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","spellCheckEnabled","teacherInstructionsEnabled","valuesMap","panelProperties","label","Properties","map","index","c","t","Main","onModelChanged","splice","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/editable-html';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { InputContainer, settings, layout, NumberTextField } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport merge from 'lodash/merge';\nimport { LIKERT_TYPE, LIKERT_SCALE, LIKERT_ORIENTATION } from './likertEntities';\nimport generateChoices from './choiceGenerator';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n radioButtonsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n radioButtonsColumnHeader: {\n color: '#c3c3c3',\n fontSize: theme.typography.fontSize - 2,\n },\n likertLabelHolder: {\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n },\n likertOptionsHolder: {\n display: 'flex',\n width: '100%',\n padding: `${theme.spacing.unit * 2.5}px 0`,\n justifyContent: 'space-around',\n },\n likertLabelInput: {\n width: 'calc(100% - 200px)',\n marginRight: 0,\n },\n errorMessage: {\n color: '#b5000e',\n fontSize: theme.typography.fontSize - 2,\n },\n width100: {\n width: '100%',\n },\n flexRow: {\n display: 'flex',\n flexDirection: 'row',\n },\n likertValueHolder: {\n paddingLeft: theme.spacing.unit * 2.5,\n width: '150px',\n },\n likertLabelEditableHtml: {\n paddingTop: theme.spacing.unit * 2,\n },\n design: {\n paddingTop: theme.spacing.unit * 3,\n },\n choiceConfigurationHolder: {\n marginTop: theme.spacing.unit * 2,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'start',\n },\n inputFormGroupIndex: {\n width: '30px',\n paddingTop: theme.spacing.unit * 4,\n },\n});\n\nconst LikertOrientation = withStyles(styles)((props) => {\n const { classes, model, onChangeModel } = props;\n\n const onChangeLikertOrientation = (e) => {\n const likertOrientation = e.target.value;\n\n onChangeModel({ ...model, likertOrientation });\n };\n\n return (\n <div className={classes.radioButtonsWrapper}>\n <p className={classes.radioButtonsColumnHeader}>Likert Orientation</p>\n <RadioGroup\n aria-label=\"likertOrientation\"\n name=\"likertOrientation\"\n value={model.likertOrientation}\n onChange={onChangeLikertOrientation}\n >\n <FormControlLabel value={LIKERT_ORIENTATION.horizontal} control={<Radio />} label=\"Horizontal\" />\n <FormControlLabel value={LIKERT_ORIENTATION.vertical} control={<Radio />} label=\"Vertical\" />\n </RadioGroup>\n </div>\n );\n});\n\nconst LikertScale = withStyles(styles)((props) => {\n const { classes, model, onChangeModel } = props;\n const onChangeLikertScale = (e) => {\n const likertScale = e.target.value;\n\n onChangeModel({\n ...model,\n likertScale,\n choices: generateChoices(likertScale, model.likertType),\n });\n };\n\n return (\n <div className={classes.radioButtonsWrapper}>\n <p className={classes.radioButtonsColumnHeader}>Likert Scale</p>\n <RadioGroup aria-label=\"likertScale\" name=\"likertScale\" value={model.likertScale} onChange={onChangeLikertScale}>\n <FormControlLabel value={LIKERT_SCALE.likert3} control={<Radio />} label=\"Likert 3\" />\n <FormControlLabel value={LIKERT_SCALE.likert5} control={<Radio />} label=\"Likert 5\" />\n <FormControlLabel value={LIKERT_SCALE.likert7} control={<Radio />} label=\"Likert 7\" />\n </RadioGroup>\n </div>\n );\n});\n\nconst LikertType = withStyles(styles)((props) => {\n const { classes, model, onChangeModel } = props;\n const onChangeLikertType = (e) => {\n const likertType = e.target.value;\n\n onChangeModel({\n ...model,\n likertType,\n choices: generateChoices(model.likertScale, likertType),\n });\n };\n\n return (\n <div className={classes.radioButtonsWrapper}>\n <p className={classes.radioButtonsColumnHeader}>Label Type</p>\n\n <div className={classes.flexRow}>\n <RadioGroup\n aria-label=\"likertLabelType\"\n name=\"likertLabelType\"\n value={model.likertType}\n onChange={onChangeLikertType}\n >\n <FormControlLabel value={LIKERT_TYPE.agreement} control={<Radio />} label=\"Agreement\" />\n <FormControlLabel value={LIKERT_TYPE.frequency} control={<Radio />} label=\"Frequency\" />\n <FormControlLabel value={LIKERT_TYPE.yesNo} control={<Radio />} label=\"Yes/No\" />\n </RadioGroup>\n\n <RadioGroup\n aria-label=\"likertLabelType\"\n name=\"likertLabelType\"\n value={model.likertType}\n onChange={onChangeLikertType}\n >\n <FormControlLabel value={LIKERT_TYPE.importance} control={<Radio />} label=\"Importance\" />\n <FormControlLabel value={LIKERT_TYPE.likelihood} control={<Radio />} label=\"Likelihood\" />\n <FormControlLabel value={LIKERT_TYPE.like} control={<Radio />} label=\"Like\" />\n </RadioGroup>\n </div>\n </div>\n );\n});\n\nconst buildValuesMap = (model) =>\n model.choices.reduce((acc, choice) => {\n const accClone = { ...acc };\n const choiceValue = parseInt(choice.value);\n\n if (!accClone[choiceValue]) {\n accClone[choiceValue] = 0;\n }\n\n return { ...accClone, [choiceValue]: accClone[choiceValue] + 1 };\n }, {});\n\nconst Design = withStyles(styles)((props) => {\n const {\n classes,\n configuration,\n imageSupport,\n model,\n onChangeModel,\n onChoiceChanged,\n onConfigurationChanged,\n onPromptChanged,\n onTeacherInstructionsChanged,\n uploadSoundSupport,\n } = props;\n const {\n prompt = {},\n scoringType = {},\n settingsPanelDisabled,\n spellCheck = {},\n teacherInstructions = {},\n } = configuration || {};\n const { spellCheckEnabled, teacherInstructionsEnabled } = model || {};\n\n const valuesMap = buildValuesMap(model);\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 <div className={classes.design}>\n <layout.ConfigLayout\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 <div>\n <div className={classes.likertOptionsHolder}>\n <LikertScale model={model} onChangeModel={onChangeModel} />\n <LikertType model={model} onChangeModel={onChangeModel} />\n <LikertOrientation model={model} onChangeModel={onChangeModel} />\n </div>\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={false}\n spellCheck={spellCheckEnabled}\n disableUnderline\n uploadSoundSupport={uploadSoundSupport}\n />\n </InputContainer>\n\n {model.choices.map((choice, index) => (\n <div key={`choice-${index}`} className={classes.choiceConfigurationHolder}>\n <div className={classes.likertLabelHolder}>\n <span className={classes.inputFormGroupIndex}>{index + 1}.</span>\n <InputContainer\n key={`likert-label-${index}`}\n label={'Likert Label'}\n className={classes.likertLabelInput}\n >\n <EditableHtml\n className={classes.likertLabelEditableHtml}\n markup={choice.label || ''}\n onChange={(c) => onChoiceChanged(index, { ...choice, label: c })}\n imageSupport={imageSupport}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n />\n </InputContainer>\n\n <div className={classes.likertValueHolder}>\n <NumberTextField\n label={'Likert Value'}\n value={choice.value}\n className={classes.width100}\n max={100}\n min={-100}\n onChange={(e, t) => {\n onChoiceChanged(index, { ...choice, value: t });\n }}\n imageSupport={imageSupport}\n />\n {valuesMap[choice.value] && valuesMap[choice.value] > 1 && (\n <p className={classes.errorMessage}>Value should be unique</p>\n )}\n </div>\n </div>\n </div>\n ))}\n </div>\n </layout.ConfigLayout>\n </div>\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 onChoiceChanged = (index, choice) => {\n const { model, onModelChanged } = this.props;\n\n model.choices = model.choices.map((choice) => merge({}, choice));\n model.choices.splice(index, 1, choice);\n\n onModelChanged(model);\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({ ...this.props.model, prompt });\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 onChoiceChanged={this.onChoiceChanged}\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"}
1
+ {"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","radioButtonsWrapper","display","flexDirection","radioButtonsColumnHeader","color","fontSize","typography","likertLabelHolder","alignItems","likertOptionsHolder","justifyContent","likertLabelInput","marginRight","errorMessage","width100","flexRow","likertValueHolder","paddingLeft","likertLabelEditableHtml","inputFormGroupIndex","LikertOrientation","props","classes","model","onChangeModel","onChangeLikertOrientation","e","likertOrientation","target","value","LIKERT_ORIENTATION","horizontal","vertical","LikertScale","onChangeLikertScale","likertScale","choices","likertType","LIKERT_SCALE","likert3","likert5","likert7","LikertType","onChangeLikertType","LIKERT_TYPE","agreement","frequency","yesNo","importance","likelihood","like","buildValuesMap","reduce","acc","choice","accClone","choiceValue","parseInt","Design","configuration","imageSupport","onChoiceChanged","onConfigurationChanged","onPromptChanged","onTeacherInstructionsChanged","uploadSoundSupport","prompt","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","spellCheckEnabled","teacherInstructionsEnabled","valuesMap","panelProperties","label","Properties","map","index","c","t","Main","onModelChanged","splice","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/editable-html';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { InputContainer, settings, layout, NumberTextField } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport merge from 'lodash/merge';\nimport { LIKERT_TYPE, LIKERT_SCALE, LIKERT_ORIENTATION } from './likertEntities';\nimport generateChoices from './choiceGenerator';\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 radioButtonsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n radioButtonsColumnHeader: {\n color: '#c3c3c3',\n fontSize: theme.typography.fontSize - 2,\n },\n likertLabelHolder: {\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n marginBottom: theme.spacing.unit * 2,\n },\n likertOptionsHolder: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-around',\n marginBottom: theme.spacing.unit * 2.5,\n },\n likertLabelInput: {\n width: 'calc(100% - 200px)',\n marginRight: 0,\n },\n errorMessage: {\n color: '#b5000e',\n fontSize: theme.typography.fontSize - 2,\n },\n width100: {\n width: '100%',\n },\n flexRow: {\n display: 'flex',\n flexDirection: 'row',\n },\n likertValueHolder: {\n paddingLeft: theme.spacing.unit * 2.5,\n width: '150px',\n },\n likertLabelEditableHtml: {\n paddingTop: theme.spacing.unit * 2,\n },\n inputFormGroupIndex: {\n width: '30px',\n paddingTop: theme.spacing.unit * 4,\n },\n});\n\nconst LikertOrientation = withStyles(styles)((props) => {\n const { classes, model, onChangeModel } = props;\n\n const onChangeLikertOrientation = (e) => {\n const likertOrientation = e.target.value;\n\n onChangeModel({ ...model, likertOrientation });\n };\n\n return (\n <div className={classes.radioButtonsWrapper}>\n <p className={classes.radioButtonsColumnHeader}>Likert Orientation</p>\n <RadioGroup\n aria-label=\"likertOrientation\"\n name=\"likertOrientation\"\n value={model.likertOrientation}\n onChange={onChangeLikertOrientation}\n >\n <FormControlLabel value={LIKERT_ORIENTATION.horizontal} control={<Radio />} label=\"Horizontal\" />\n <FormControlLabel value={LIKERT_ORIENTATION.vertical} control={<Radio />} label=\"Vertical\" />\n </RadioGroup>\n </div>\n );\n});\n\nconst LikertScale = withStyles(styles)((props) => {\n const { classes, model, onChangeModel } = props;\n const onChangeLikertScale = (e) => {\n const likertScale = e.target.value;\n\n onChangeModel({\n ...model,\n likertScale,\n choices: generateChoices(likertScale, model.likertType),\n });\n };\n\n return (\n <div className={classes.radioButtonsWrapper}>\n <p className={classes.radioButtonsColumnHeader}>Likert Scale</p>\n <RadioGroup aria-label=\"likertScale\" name=\"likertScale\" value={model.likertScale} onChange={onChangeLikertScale}>\n <FormControlLabel value={LIKERT_SCALE.likert3} control={<Radio />} label=\"Likert 3\" />\n <FormControlLabel value={LIKERT_SCALE.likert5} control={<Radio />} label=\"Likert 5\" />\n <FormControlLabel value={LIKERT_SCALE.likert7} control={<Radio />} label=\"Likert 7\" />\n </RadioGroup>\n </div>\n );\n});\n\nconst LikertType = withStyles(styles)((props) => {\n const { classes, model, onChangeModel } = props;\n const onChangeLikertType = (e) => {\n const likertType = e.target.value;\n\n onChangeModel({\n ...model,\n likertType,\n choices: generateChoices(model.likertScale, likertType),\n });\n };\n\n return (\n <div className={classes.radioButtonsWrapper}>\n <p className={classes.radioButtonsColumnHeader}>Label Type</p>\n\n <div className={classes.flexRow}>\n <RadioGroup\n aria-label=\"likertLabelType\"\n name=\"likertLabelType\"\n value={model.likertType}\n onChange={onChangeLikertType}\n >\n <FormControlLabel value={LIKERT_TYPE.agreement} control={<Radio />} label=\"Agreement\" />\n <FormControlLabel value={LIKERT_TYPE.frequency} control={<Radio />} label=\"Frequency\" />\n <FormControlLabel value={LIKERT_TYPE.yesNo} control={<Radio />} label=\"Yes/No\" />\n </RadioGroup>\n\n <RadioGroup\n aria-label=\"likertLabelType\"\n name=\"likertLabelType\"\n value={model.likertType}\n onChange={onChangeLikertType}\n >\n <FormControlLabel value={LIKERT_TYPE.importance} control={<Radio />} label=\"Importance\" />\n <FormControlLabel value={LIKERT_TYPE.likelihood} control={<Radio />} label=\"Likelihood\" />\n <FormControlLabel value={LIKERT_TYPE.like} control={<Radio />} label=\"Like\" />\n </RadioGroup>\n </div>\n </div>\n );\n});\n\nconst buildValuesMap = (model) =>\n model.choices.reduce((acc, choice) => {\n const accClone = { ...acc };\n const choiceValue = parseInt(choice.value);\n\n if (!accClone[choiceValue]) {\n accClone[choiceValue] = 0;\n }\n\n return { ...accClone, [choiceValue]: accClone[choiceValue] + 1 };\n }, {});\n\nconst Design = withStyles(styles)((props) => {\n const {\n classes,\n configuration,\n imageSupport,\n model,\n onChangeModel,\n onChoiceChanged,\n onConfigurationChanged,\n onPromptChanged,\n onTeacherInstructionsChanged,\n uploadSoundSupport,\n } = props;\n const {\n prompt = {},\n scoringType = {},\n settingsPanelDisabled,\n spellCheck = {},\n teacherInstructions = {},\n } = configuration || {};\n const { spellCheckEnabled, teacherInstructionsEnabled } = model || {};\n\n const valuesMap = buildValuesMap(model);\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 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={false}\n spellCheck={spellCheckEnabled}\n disableUnderline\n uploadSoundSupport={uploadSoundSupport}\n />\n </InputContainer>\n\n <div className={classes.likertOptionsHolder}>\n <LikertScale model={model} onChangeModel={onChangeModel} />\n <LikertType model={model} onChangeModel={onChangeModel} />\n <LikertOrientation model={model} onChangeModel={onChangeModel} />\n </div>\n\n {model.choices.map((choice, index) => (\n <div key={`choice-${index}`} className={classes.likertLabelHolder}>\n <span className={classes.inputFormGroupIndex}>{index + 1}.</span>\n <InputContainer key={`likert-label-${index}`} label={'Likert Label'} className={classes.likertLabelInput}>\n <EditableHtml\n className={classes.likertLabelEditableHtml}\n markup={choice.label || ''}\n onChange={(c) => onChoiceChanged(index, { ...choice, label: c })}\n imageSupport={imageSupport}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n />\n </InputContainer>\n\n <div className={classes.likertValueHolder}>\n <NumberTextField\n label={'Likert Value'}\n value={choice.value}\n className={classes.width100}\n max={100}\n min={-100}\n onChange={(e, t) => {\n onChoiceChanged(index, { ...choice, value: t });\n }}\n imageSupport={imageSupport}\n />\n {valuesMap[choice.value] && valuesMap[choice.value] > 1 && (\n <p className={classes.errorMessage}>Value should be unique</p>\n )}\n </div>\n </div>\n ))}\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 onChoiceChanged = (index, choice) => {\n const { model, onModelChanged } = this.props;\n\n model.choices = model.choices.map((choice) => merge({}, choice));\n model.choices.splice(index, 1, choice);\n\n onModelChanged(model);\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({ ...this.props.model, prompt });\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 onChoiceChanged={this.onChoiceChanged}\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/lib/likert.js CHANGED
@@ -31,25 +31,32 @@ var _renderUi = require("@pie-lib/render-ui");
31
31
 
32
32
  var _likertEntities = require("./likertEntities");
33
33
 
34
+ var _classnames = _interopRequireDefault(require("classnames"));
35
+
34
36
  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); }; }
35
37
 
36
38
  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; } }
37
39
 
38
- var styles = {
39
- corespringChoice: {
40
- '& *': {
41
- fontFamily: 'Roboto, Arial, Helvetica, sans-serif',
42
- '-webkit-font-smoothing': 'antialiased'
40
+ var styles = function styles(theme) {
41
+ return {
42
+ main: {
43
+ '& *': {
44
+ fontFamily: 'Roboto, Arial, Helvetica, sans-serif',
45
+ '-webkit-font-smoothing': 'antialiased'
46
+ }
47
+ },
48
+ teacherInstructions: {
49
+ marginBottom: theme.spacing.unit * 2
50
+ },
51
+ prompt: {
52
+ verticalAlign: 'middle',
53
+ color: 'var(--pie-primary-text, var(--pie-text, #000000))',
54
+ paddingBottom: theme.spacing.unit * 2
55
+ },
56
+ choicesWrapper: {
57
+ display: 'flex'
43
58
  }
44
- },
45
- prompt: {
46
- verticalAlign: 'middle',
47
- color: 'var(--pie-primary-text, var(--pie-text, #000000))',
48
- paddingBottom: '20px'
49
- },
50
- choicesWrapper: {
51
- display: 'flex'
52
- }
59
+ };
53
60
  };
54
61
 
55
62
  var Likert = /*#__PURE__*/function (_React$Component) {
@@ -83,18 +90,20 @@ var Likert = /*#__PURE__*/function (_React$Component) {
83
90
  onSessionChange = _this$props.onSessionChange,
84
91
  teacherInstructions = _this$props.teacherInstructions,
85
92
  classes = _this$props.classes,
93
+ className = _this$props.className,
86
94
  likertOrientation = _this$props.likertOrientation;
87
95
  var flexDirection = likertOrientation === _likertEntities.LIKERT_ORIENTATION.vertical ? 'column' : 'row';
88
96
  return /*#__PURE__*/_react["default"].createElement("div", {
89
- className: classes.corespringChoice
90
- }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
97
+ className: (0, _classnames["default"])(classes.main, className)
98
+ }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
99
+ className: classes.teacherInstructions,
91
100
  labels: {
92
101
  hidden: 'Show Teacher Instructions',
93
102
  visible: 'Hide Teacher Instructions'
94
103
  }
95
104
  }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
96
105
  prompt: teacherInstructions
97
- })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement("div", {
106
+ })), prompt && /*#__PURE__*/_react["default"].createElement("div", {
98
107
  className: classes.prompt
99
108
  }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
100
109
  prompt: prompt
package/lib/likert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/likert.jsx"],"names":["styles","corespringChoice","fontFamily","prompt","verticalAlign","color","paddingBottom","choicesWrapper","display","Likert","value","props","session","disabled","choices","onSessionChange","teacherInstructions","classes","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","hidden","visible","map","choice","index","label","isSelected","React","Component","PropTypes","array","string","object","bool","isRequired","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport { LIKERT_ORIENTATION } from './likertEntities';\n\nconst styles = {\n corespringChoice: {\n '& *': {\n fontFamily: 'Roboto, Arial, Helvetica, sans-serif',\n '-webkit-font-smoothing': 'antialiased',\n },\n },\n prompt: {\n verticalAlign: 'middle',\n color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n paddingBottom: '20px',\n },\n choicesWrapper: {\n display: 'flex',\n },\n};\n\nexport class Likert extends React.Component {\n static propTypes = {\n choices: PropTypes.array,\n prompt: PropTypes.string,\n teacherInstructions: PropTypes.string,\n session: PropTypes.object,\n disabled: PropTypes.bool.isRequired,\n onSessionChange: PropTypes.func.isRequired,\n likertOrientation: PropTypes.string.isRequired,\n classes: PropTypes.object.isRequired,\n };\n\n UNSAFE_componentWillReceiveProps() {}\n\n isSelected(value) {\n return this.props.session && this.props.session.value === value;\n }\n\n render() {\n const {\n disabled,\n choices = [],\n prompt,\n onSessionChange,\n teacherInstructions,\n classes,\n likertOrientation,\n } = this.props;\n\n const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n return (\n <div className={classes.corespringChoice}>\n {teacherInstructions && (\n <React.Fragment>\n <Collapsible\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\n <PreviewPrompt prompt={teacherInstructions} />\n </Collapsible>\n <br />\n </React.Fragment>\n )}\n\n {prompt && (\n <div className={classes.prompt}>\n <PreviewPrompt prompt={prompt} />\n </div>\n )}\n\n <div className={classes.choicesWrapper} style={{ flexDirection }}>\n {choices.map((choice, index) => (\n <ChoiceInput\n key={`choice-${index}`}\n label={choice.label}\n value={choice.value}\n index={index}\n disabled={disabled}\n onChange={onSessionChange}\n likertOrientation={likertOrientation}\n checked={this.isSelected(choice.value)}\n />\n ))}\n </div>\n </div>\n );\n }\n}\n\nLikert.defaultProps = {\n session: {\n value: [],\n },\n};\n\nexport default withStyles(styles)(Likert);\n"],"file":"likert.js"}
1
+ {"version":3,"sources":["../src/likert.jsx"],"names":["styles","theme","main","fontFamily","teacherInstructions","marginBottom","spacing","unit","prompt","verticalAlign","color","paddingBottom","choicesWrapper","display","Likert","value","props","session","disabled","choices","onSessionChange","classes","className","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","hidden","visible","map","choice","index","label","isSelected","React","Component","PropTypes","array","string","object","bool","isRequired","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport { LIKERT_ORIENTATION } from './likertEntities';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n main: {\n '& *': {\n fontFamily: 'Roboto, Arial, Helvetica, sans-serif',\n '-webkit-font-smoothing': 'antialiased',\n },\n },\n teacherInstructions: {\n marginBottom: theme.spacing.unit * 2,\n },\n prompt: {\n verticalAlign: 'middle',\n color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n paddingBottom: theme.spacing.unit * 2,\n },\n choicesWrapper: {\n display: 'flex',\n },\n});\n\nexport class Likert extends React.Component {\n static propTypes = {\n choices: PropTypes.array,\n prompt: PropTypes.string,\n teacherInstructions: PropTypes.string,\n session: PropTypes.object,\n disabled: PropTypes.bool.isRequired,\n onSessionChange: PropTypes.func.isRequired,\n likertOrientation: PropTypes.string.isRequired,\n classes: PropTypes.object.isRequired,\n };\n\n UNSAFE_componentWillReceiveProps() {}\n\n isSelected(value) {\n return this.props.session && this.props.session.value === value;\n }\n\n render() {\n const {\n disabled,\n choices = [],\n prompt,\n onSessionChange,\n teacherInstructions,\n classes,\n className,\n likertOrientation,\n } = this.props;\n\n const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n return (\n <div className={classNames(classes.main, className)}>\n {teacherInstructions && (\n <Collapsible\n className={classes.teacherInstructions}\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\n <PreviewPrompt prompt={teacherInstructions} />\n </Collapsible>\n )}\n\n {prompt && (\n <div className={classes.prompt}>\n <PreviewPrompt prompt={prompt} />\n </div>\n )}\n\n <div className={classes.choicesWrapper} style={{ flexDirection }}>\n {choices.map((choice, index) => (\n <ChoiceInput\n key={`choice-${index}`}\n label={choice.label}\n value={choice.value}\n index={index}\n disabled={disabled}\n onChange={onSessionChange}\n likertOrientation={likertOrientation}\n checked={this.isSelected(choice.value)}\n />\n ))}\n </div>\n </div>\n );\n }\n}\n\nLikert.defaultProps = {\n session: {\n value: [],\n },\n};\n\nexport default withStyles(styles)(Likert);\n"],"file":"likert.js"}
package/lib/main.js CHANGED
@@ -27,8 +27,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
27
27
 
28
28
  var _styles = require("@material-ui/core/styles");
29
29
 
30
- var _classnames = _interopRequireDefault(require("classnames"));
31
-
32
30
  var _renderUi = require("@pie-lib/render-ui");
33
31
 
34
32
  var _likert = _interopRequireDefault(require("./likert"));
@@ -53,14 +51,11 @@ var Main = /*#__PURE__*/function (_React$Component) {
53
51
  var _this$props = this.props,
54
52
  model = _this$props.model,
55
53
  onSessionChange = _this$props.onSessionChange,
56
- session = _this$props.session,
57
- classes = _this$props.classes;
58
- return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, null, /*#__PURE__*/_react["default"].createElement("div", {
59
- className: (0, _classnames["default"])(classes.root, classes[model.className])
60
- }, /*#__PURE__*/_react["default"].createElement(_likert["default"], (0, _extends2["default"])({}, model, {
54
+ session = _this$props.session;
55
+ return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, null, /*#__PURE__*/_react["default"].createElement(_likert["default"], (0, _extends2["default"])({}, model, {
61
56
  session: session,
62
57
  onSessionChange: onSessionChange
63
- }))));
58
+ })));
64
59
  }
65
60
  }]);
66
61
  return Main;
package/lib/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onSessionChange","session","classes","root","className","React","Component","PropTypes","object","func","isRequired","Styled","name","theme","typography","useNextVariants","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAaJ,kBAAS;AACP,wBAAqD,KAAKC,KAA1D;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AAAA,UAAyCC,OAAzC,eAAyCA,OAAzC;AACA,0BACE,gCAAC,uBAAD,qBACE;AAAK,QAAA,SAAS,EAAE,4BAAWA,OAAO,CAACC,IAAnB,EAAyBD,OAAO,CAACH,KAAK,CAACK,SAAP,CAAhC;AAAhB,sBACE,gCAAC,kBAAD,gCAAYL,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF,CADF;AAOD;;;EAtBgBK,kBAAMC,S;;iCAAnBT,I,eACe;AACjBE,EAAAA,KAAK,EAAEQ,sBAAUC,MADA;AAEjBP,EAAAA,OAAO,EAAEM,sBAAUC,MAFF;AAGjBR,EAAAA,eAAe,EAAEO,sBAAUE,IAHV;AAIjBP,EAAAA,OAAO,EAAEK,sBAAUC,MAAV,CAAiBE;AAJT,C;iCADfb,I,kBAQkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;AAiBxB,IAAMU,MAAM,GAAG,wBAAW,EAAX,EAAe;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAf,EAAiCf,IAAjC,CAAf;AAEA,IAAMgB,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP;AADe,CAAf,CAAd;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAClB,KAAD;AAAA,sBACX,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEe;AAAzB,kBACE,gCAAC,MAAD,EAAYf,KAAZ,CADF,CADW;AAAA,CAAb;;eAMekB,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { PreviewLayout } from '@pie-lib/render-ui';\nimport Likert from './likert';\n\nclass Main extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n session: PropTypes.object,\n onSessionChange: PropTypes.func,\n classes: PropTypes.object.isRequired,\n };\n\n static defaultProps = {\n model: {},\n session: {},\n };\n\n render() {\n const { model, onSessionChange, session, classes } = this.props;\n return (\n <PreviewLayout>\n <div className={classNames(classes.root, classes[model.className])}>\n <Likert {...model} session={session} onSessionChange={onSessionChange} />\n </div>\n </PreviewLayout>\n );\n }\n}\n\nconst Styled = withStyles({}, { name: 'Main' })(Main);\n\nconst theme = createMuiTheme({\n typography: {\n useNextVariants: true,\n },\n});\n\nconst Root = (props) => (\n <MuiThemeProvider theme={theme}>\n <Styled {...props} />\n </MuiThemeProvider>\n);\n\nexport default Root;\n"],"file":"main.js"}
1
+ {"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onSessionChange","session","React","Component","PropTypes","object","func","classes","isRequired","Styled","name","theme","typography","useNextVariants","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAaJ,kBAAS;AACP,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AAEA,0BACE,gCAAC,uBAAD,qBACE,gCAAC,kBAAD,gCAAYF,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF;AAKD;;;EArBgBE,kBAAMC,S;;iCAAnBN,I,eACe;AACjBE,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBJ,EAAAA,OAAO,EAAEG,sBAAUC,MAFF;AAGjBL,EAAAA,eAAe,EAAEI,sBAAUE,IAHV;AAIjBC,EAAAA,OAAO,EAAEH,sBAAUC,MAAV,CAAiBG;AAJT,C;iCADfX,I,kBAQkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;AAgBxB,IAAMQ,MAAM,GAAG,wBAAW,EAAX,EAAe;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAf,EAAiCb,IAAjC,CAAf;AAEA,IAAMc,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP;AADe,CAAf,CAAd;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAChB,KAAD;AAAA,sBACX,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEa;AAAzB,kBACE,gCAAC,MAAD,EAAYb,KAAZ,CADF,CADW;AAAA,CAAb;;eAMegB,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport { PreviewLayout } from '@pie-lib/render-ui';\nimport Likert from './likert';\n\nclass Main extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n session: PropTypes.object,\n onSessionChange: PropTypes.func,\n classes: PropTypes.object.isRequired,\n };\n\n static defaultProps = {\n model: {},\n session: {},\n };\n\n render() {\n const { model, onSessionChange, session } = this.props;\n\n return (\n <PreviewLayout>\n <Likert {...model} session={session} onSessionChange={onSessionChange} />\n </PreviewLayout>\n );\n }\n}\n\nconst Styled = withStyles({}, { name: 'Main' })(Main);\n\nconst theme = createMuiTheme({\n typography: {\n useNextVariants: true,\n },\n});\n\nconst Root = (props) => (\n <MuiThemeProvider theme={theme}>\n <Styled {...props} />\n </MuiThemeProvider>\n);\n\nexport default Root;\n"],"file":"main.js"}
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "repository": "pie-framework/pie-elements",
7
- "version": "0.9.1-next.36+9353f7376",
7
+ "version": "0.9.1-next.51+a42a408d1",
8
8
  "description": "",
9
9
  "scripts": {
10
10
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "author": "",
27
27
  "license": "ISC",
28
- "gitHead": "9353f73768c78233621ab11119b1961af018a7e4",
28
+ "gitHead": "a42a408d1d238e52cbcf907fbbaec2ee98550385",
29
29
  "main": "lib/index.js",
30
30
  "module": "src/index.js"
31
31
  }