@pie-lib/config-ui 10.10.18 → 10.10.19

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.10.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.10.18...@pie-lib/config-ui@10.10.19) (2022-02-21)
+
+**Note:** Version bump only for package @pie-lib/config-ui
+
+
+
+
+
 ## [10.10.18](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.10.17...@pie-lib/config-ui@10.10.18) (2022-02-04)
 
 **Note:** Version bump only for package @pie-lib/config-ui

package/lib/choice-configuration/index.js

@@ -72,6 +72,7 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
       className = _ref.className,
       imageSupport = _ref.imageSupport,
       disabled = _ref.disabled,
+      spellCheck = _ref.spellCheck,
       nonEmpty = _ref.nonEmpty,
       toolbarOpts = _ref.toolbarOpts;
   var names = (0, _classnames["default"])(classes.labelContainer, className);
@@ -83,6 +84,7 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
   }, _react["default"].createElement(_editableHtml["default"], {
     markup: value || '',
     disabled: disabled,
+    spellCheck: spellCheck,
     nonEmpty: nonEmpty,
     onChange: onChange,
     imageSupport: imageSupport,
@@ -240,6 +242,7 @@ function (_React$Component) {
           useLetterOrdering = _this$props5.useLetterOrdering,
           imageSupport = _this$props5.imageSupport,
           disabled = _this$props5.disabled,
+          spellCheck = _this$props5.spellCheck,
           nonEmpty = _this$props5.nonEmpty,
           allowFeedBack = _this$props5.allowFeedBack,
           allowDelete = _this$props5.allowDelete,
@@ -266,6 +269,7 @@ function (_React$Component) {
         onChange: this.onLabelChange,
         imageSupport: imageSupport,
         disabled: disabled,
+        spellCheck: spellCheck,
         nonEmpty: nonEmpty,
         toolbarOpts: toolbarOpts
       }), allowFeedBack && _react["default"].createElement(Feedback, _extends({}, data.feedback, {

package/lib/choice-configuration/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","nonEmpty","toolbarOpts","names","editor","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles(theme => ({\n  labelContainer: {},\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  }\n}))(\n  ({\n    label,\n    classes,\n    onChange,\n    value,\n    className,\n    imageSupport,\n    disabled,\n    nonEmpty,\n    toolbarOpts\n  }) => {\n    const names = classNames(classes.labelContainer, className);\n\n    return (\n      <InputContainer label={label} className={names}>\n        <div className={classes.editorHolder}>\n          <EditableHtml\n            markup={value || ''}\n            disabled={disabled}\n            nonEmpty={nonEmpty}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            className={classes.editor}\n            toolbarOpts={toolbarOpts}\n          />\n        </div>\n      </InputContainer>\n    );\n  }\n);\n\nconst Feedback = withStyles(() => ({\n  text: {\n    width: '100%'\n  },\n  feedbackContainer: {\n    position: 'relative'\n  },\n  arrowIcon: {\n    fill: '#ccc',\n    left: -56,\n    position: 'absolute',\n    top: 20\n  }\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <TextField\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <EditableHtmlContainer\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    noLabels: PropTypes.bool,\n    useLetterOrdering: PropTypes.bool,\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['checkbox', 'radio']),\n    defaultFeedback: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    data: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      correct: PropTypes.bool,\n      feedback: PropTypes.shape({\n        type: PropTypes.string,\n        value: PropTypes.string\n      })\n    }),\n    onDelete: PropTypes.func,\n    onChange: PropTypes.func,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {\n    index: -1,\n    noLabels: false,\n    useLetterOrdering: false,\n    allowFeedBack: true,\n    allowDelete: true\n  };\n\n  _changeFn = key => update => {\n    const { data, onChange } = this.props;\n    if (onChange) {\n      onChange({ ...data, [key]: update });\n    }\n  };\n\n  onLabelChange = this._changeFn('label');\n\n  onCheckedChange = event => {\n    const correct = event.target.checked;\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, correct });\n    }\n  };\n\n  onFeedbackValueChange = v => {\n    const { data, onChange } = this.props;\n\n    if (data.feedback.type !== 'custom') {\n      return;\n    }\n\n    const fb = { ...data.feedback, value: v };\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  onFeedbackTypeChange = t => {\n    const { data, onChange } = this.props;\n    const fb = { ...data.feedback, type: t };\n    if (fb.type !== 'custom') {\n      fb.value = undefined;\n    }\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  render() {\n    const {\n      data,\n      classes,\n      mode,\n      onDelete,\n      defaultFeedback,\n      index,\n      className,\n      noLabels,\n      useLetterOrdering,\n      imageSupport,\n      disabled,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      toolbarOpts\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n    return (\n      <div className={names}>\n        <div className={classes.topRow}>\n          {index > 0 && (\n            <span className={classes.index} type=\"title\">\n              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n            </span>\n          )}\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n          />\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disabled={disabled}\n              nonEmpty={nonEmpty}\n              toolbarOpts={toolbarOpts}\n            />\n\n            {allowFeedBack && (\n              <Feedback\n                {...data.feedback}\n                correct={data.correct}\n                defaults={defaultFeedback}\n                onChange={this.onFeedbackValueChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n          {allowFeedBack && (\n            <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n              <FeedbackMenu\n                onChange={this.onFeedbackTypeChange}\n                value={data.feedback}\n                classes={{\n                  icon: classes.feedbackIcon\n                }}\n              />\n            </InputContainer>\n          )}\n          {allowDelete && (\n            <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n              <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n                <ActionDelete />\n              </IconButton>\n            </InputContainer>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  index: {\n    padding: '24px 10px 0 0'\n  },\n  choiceConfiguration: {},\n  topRow: {\n    display: 'flex'\n  },\n  value: {\n    flex: '0.5',\n    paddingRight: theme.spacing.unit\n  },\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  },\n  toggle: {\n    flex: '0 1 auto'\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n    paddingRight: theme.spacing.unit * 3\n  },\n  feedbackIcon: {\n    margin: 0,\n    paddingLeft: 0,\n    width: 'inherit'\n  },\n  deleteIcon: {\n    margin: 0,\n    width: 'inherit'\n  },\n  delete: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column'\n  }\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","names","editor","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles(theme => ({\n  labelContainer: {},\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  }\n}))(\n  ({\n    label,\n    classes,\n    onChange,\n    value,\n    className,\n    imageSupport,\n    disabled,\n    spellCheck,\n    nonEmpty,\n    toolbarOpts\n  }) => {\n    const names = classNames(classes.labelContainer, className);\n\n    return (\n      <InputContainer label={label} className={names}>\n        <div className={classes.editorHolder}>\n          <EditableHtml\n            markup={value || ''}\n            disabled={disabled}\n            spellCheck = {spellCheck}\n            nonEmpty={nonEmpty}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            className={classes.editor}\n            toolbarOpts={toolbarOpts}\n          />\n        </div>\n      </InputContainer>\n    );\n  }\n);\n\nconst Feedback = withStyles(() => ({\n  text: {\n    width: '100%'\n  },\n  feedbackContainer: {\n    position: 'relative'\n  },\n  arrowIcon: {\n    fill: '#ccc',\n    left: -56,\n    position: 'absolute',\n    top: 20\n  }\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <TextField\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <EditableHtmlContainer\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    noLabels: PropTypes.bool,\n    useLetterOrdering: PropTypes.bool,\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['checkbox', 'radio']),\n    defaultFeedback: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    data: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      correct: PropTypes.bool,\n      feedback: PropTypes.shape({\n        type: PropTypes.string,\n        value: PropTypes.string\n      })\n    }),\n    onDelete: PropTypes.func,\n    onChange: PropTypes.func,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {\n    index: -1,\n    noLabels: false,\n    useLetterOrdering: false,\n    allowFeedBack: true,\n    allowDelete: true\n  };\n\n  _changeFn = key => update => {\n    const { data, onChange } = this.props;\n    if (onChange) {\n      onChange({ ...data, [key]: update });\n    }\n  };\n\n  onLabelChange = this._changeFn('label');\n\n  onCheckedChange = event => {\n    const correct = event.target.checked;\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, correct });\n    }\n  };\n\n  onFeedbackValueChange = v => {\n    const { data, onChange } = this.props;\n\n    if (data.feedback.type !== 'custom') {\n      return;\n    }\n\n    const fb = { ...data.feedback, value: v };\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  onFeedbackTypeChange = t => {\n    const { data, onChange } = this.props;\n    const fb = { ...data.feedback, type: t };\n    if (fb.type !== 'custom') {\n      fb.value = undefined;\n    }\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  render() {\n    const {\n      data,\n      classes,\n      mode,\n      onDelete,\n      defaultFeedback,\n      index,\n      className,\n      noLabels,\n      useLetterOrdering,\n      imageSupport,\n      disabled,\n      spellCheck,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      toolbarOpts\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n    return (\n      <div className={names}>\n        <div className={classes.topRow}>\n          {index > 0 && (\n            <span className={classes.index} type=\"title\">\n              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n            </span>\n          )}\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n          />\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disabled={disabled}\n              spellCheck = {spellCheck}\n              nonEmpty={nonEmpty}\n              toolbarOpts={toolbarOpts}\n            />\n\n            {allowFeedBack && (\n              <Feedback\n                {...data.feedback}\n                correct={data.correct}\n                defaults={defaultFeedback}\n                onChange={this.onFeedbackValueChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n          {allowFeedBack && (\n            <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n              <FeedbackMenu\n                onChange={this.onFeedbackTypeChange}\n                value={data.feedback}\n                classes={{\n                  icon: classes.feedbackIcon\n                }}\n              />\n            </InputContainer>\n          )}\n          {allowDelete && (\n            <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n              <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n                <ActionDelete />\n              </IconButton>\n            </InputContainer>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  index: {\n    padding: '24px 10px 0 0'\n  },\n  choiceConfiguration: {},\n  topRow: {\n    display: 'flex'\n  },\n  value: {\n    flex: '0.5',\n    paddingRight: theme.spacing.unit\n  },\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  },\n  toggle: {\n    flex: '0 1 auto'\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n    paddingRight: theme.spacing.unit * 3\n  },\n  feedbackIcon: {\n    margin: 0,\n    paddingLeft: 0,\n    width: 'inherit'\n  },\n  deleteIcon: {\n    margin: 0,\n    width: 'inherit'\n  },\n  delete: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column'\n  }\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "10.10.18",
+  "version": "10.10.19",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,7 +10,7 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^7.17.18",
+    "@pie-lib/editable-html": "^7.17.19",
     "@pie-lib/icons": "^2.4.25",
     "@pie-lib/render-ui": "^4.12.4",
     "classnames": "^2.2.6",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "8c254f4c516c9f4e67109accdb2ad415e1f6cea4"
+  "gitHead": "cb14b616e7d4d4eb0506b85a5906924adad39165"
 }

package/src/choice-configuration/index.jsx

@@ -25,6 +25,7 @@ const EditableHtmlContainer = withStyles(theme => ({
     className,
     imageSupport,
     disabled,
+    spellCheck,
     nonEmpty,
     toolbarOpts
   }) => {
@@ -36,6 +37,7 @@ const EditableHtmlContainer = withStyles(theme => ({
           <EditableHtml
             markup={value || ''}
             disabled={disabled}
+            spellCheck = {spellCheck}
             nonEmpty={nonEmpty}
             onChange={onChange}
             imageSupport={imageSupport}
@@ -183,6 +185,7 @@ export class ChoiceConfiguration extends React.Component {
       useLetterOrdering,
       imageSupport,
       disabled,
+      spellCheck,
       nonEmpty,
       allowFeedBack,
       allowDelete,
@@ -212,6 +215,7 @@ export class ChoiceConfiguration extends React.Component {
               onChange={this.onLabelChange}
               imageSupport={imageSupport}
               disabled={disabled}
+              spellCheck = {spellCheck}
               nonEmpty={nonEmpty}
               toolbarOpts={toolbarOpts}
             />