@pie-lib/config-ui 11.10.0-beta.2 → 11.10.0-beta.3

package/lib/choice-configuration/index.js

@@ -0,0 +1,445 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ChoiceConfiguration = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+var _SubdirectoryArrowRight = _interopRequireDefault(require("@material-ui/icons/SubdirectoryArrowRight"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+
+var _inputs = require("../inputs");
+
+var _feedbackMenu = _interopRequireDefault(require("./feedback-menu"));
+
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
+  return {
+    labelContainer: {},
+    editorHolder: {
+      marginTop: theme.spacing.unit * 2
+    }
+  };
+})(function (_ref) {
+  var label = _ref.label,
+      classes = _ref.classes,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      className = _ref.className,
+      imageSupport = _ref.imageSupport,
+      disableImageAlignmentButtons = _ref.disableImageAlignmentButtons,
+      disabled = _ref.disabled,
+      spellCheck = _ref.spellCheck,
+      nonEmpty = _ref.nonEmpty,
+      pluginOpts = _ref.pluginOpts,
+      toolbarOpts = _ref.toolbarOpts,
+      error = _ref.error,
+      maxImageWidth = _ref.maxImageWidth,
+      maxImageHeight = _ref.maxImageHeight,
+      uploadSoundSupport = _ref.uploadSoundSupport,
+      _ref$mathMlOptions = _ref.mathMlOptions,
+      mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
+  var names = (0, _classnames["default"])(classes.labelContainer, className);
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    label: label,
+    className: names
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.editorHolder
+  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+    markup: value || '',
+    disabled: disabled,
+    spellCheck: spellCheck,
+    nonEmpty: nonEmpty,
+    onChange: onChange,
+    imageSupport: imageSupport,
+    disableImageAlignmentButtons: disableImageAlignmentButtons,
+    className: classes.editor,
+    pluginProps: pluginOpts || {},
+    toolbarOpts: toolbarOpts,
+    error: error,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight,
+    uploadSoundSupport: uploadSoundSupport,
+    languageCharactersProps: [{
+      language: 'spanish'
+    }, {
+      language: 'special'
+    }],
+    mathMlOptions: mathMlOptions
+  })));
+});
+var Feedback = (0, _styles.withStyles)(function (theme) {
+  return {
+    text: {
+      width: '100%'
+    },
+    feedbackContainer: {
+      position: 'relative'
+    },
+    arrowIcon: {
+      fill: theme.palette.grey[400],
+      left: -56,
+      position: 'absolute',
+      top: 20
+    }
+  };
+})(function (_ref2) {
+  var value = _ref2.value,
+      onChange = _ref2.onChange,
+      type = _ref2.type,
+      correct = _ref2.correct,
+      classes = _ref2.classes,
+      defaults = _ref2.defaults,
+      toolbarOpts = _ref2.toolbarOpts,
+      _ref2$mathMlOptions = _ref2.mathMlOptions,
+      mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions;
+
+  if (!type || type === 'none') {
+    return null;
+  } else if (type === 'default') {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: classes.feedbackContainer
+    }, /*#__PURE__*/_react["default"].createElement(_SubdirectoryArrowRight["default"], {
+      className: classes.arrowIcon
+    }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      className: classes.text,
+      label: "Feedback Text",
+      value: correct ? defaults.correct : defaults.incorrect
+    }));
+  } else {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: classes.feedbackContainer
+    }, /*#__PURE__*/_react["default"].createElement(_SubdirectoryArrowRight["default"], {
+      className: classes.arrowIcon
+    }), /*#__PURE__*/_react["default"].createElement(EditableHtmlContainer, {
+      className: classes.text,
+      label: "Feedback Text",
+      value: value,
+      onChange: onChange,
+      toolbarOpts: toolbarOpts,
+      mathMlOptions: mathMlOptions
+    }));
+  }
+});
+
+var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ChoiceConfiguration, _React$Component);
+
+  var _super = _createSuper(ChoiceConfiguration);
+
+  function ChoiceConfiguration() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ChoiceConfiguration);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_changeFn", function (key) {
+      return function (update) {
+        var _this$props = _this.props,
+            data = _this$props.data,
+            onChange = _this$props.onChange;
+
+        if (onChange) {
+          onChange(_objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, key, update)));
+        }
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLabelChange", _this._changeFn('label'));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckedChange", function (event) {
+      var correct = event.target.checked;
+      var _this$props2 = _this.props,
+          data = _this$props2.data,
+          onChange = _this$props2.onChange;
+
+      if (onChange) {
+        onChange(_objectSpread(_objectSpread({}, data), {}, {
+          correct: correct
+        }));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackValueChange", function (v) {
+      var _this$props3 = _this.props,
+          data = _this$props3.data,
+          onChange = _this$props3.onChange;
+
+      if (data.feedback.type !== 'custom') {
+        return;
+      }
+
+      var fb = _objectSpread(_objectSpread({}, data.feedback), {}, {
+        value: v
+      });
+
+      if (onChange) onChange(_objectSpread(_objectSpread({}, data), {}, {
+        feedback: fb
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackTypeChange", function (t) {
+      var _this$props4 = _this.props,
+          data = _this$props4.data,
+          onChange = _this$props4.onChange;
+
+      var fb = _objectSpread(_objectSpread({}, data.feedback), {}, {
+        type: t
+      });
+
+      if (fb.type !== 'custom') {
+        fb.value = undefined;
+      }
+
+      if (onChange) onChange(_objectSpread(_objectSpread({}, data), {}, {
+        feedback: fb
+      }));
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ChoiceConfiguration, [{
+    key: "render",
+    value: function render() {
+      var _this$props5 = this.props,
+          data = _this$props5.data,
+          classes = _this$props5.classes,
+          mode = _this$props5.mode,
+          onDelete = _this$props5.onDelete,
+          defaultFeedback = _this$props5.defaultFeedback,
+          index = _this$props5.index,
+          className = _this$props5.className,
+          noLabels = _this$props5.noLabels,
+          useLetterOrdering = _this$props5.useLetterOrdering,
+          imageSupport = _this$props5.imageSupport,
+          disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons,
+          disabled = _this$props5.disabled,
+          spellCheck = _this$props5.spellCheck,
+          nonEmpty = _this$props5.nonEmpty,
+          allowFeedBack = _this$props5.allowFeedBack,
+          allowDelete = _this$props5.allowDelete,
+          pluginOpts = _this$props5.pluginOpts,
+          toolbarOpts = _this$props5.toolbarOpts,
+          error = _this$props5.error,
+          noCorrectAnswerError = _this$props5.noCorrectAnswerError,
+          uploadSoundSupport = _this$props5.uploadSoundSupport,
+          maxImageWidth = _this$props5.maxImageWidth,
+          maxImageHeight = _this$props5.maxImageHeight,
+          _this$props5$mathMlOp = _this$props5.mathMlOptions,
+          mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
+      var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
+      var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: names
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.topRow
+      }, index > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+        className: classes.index,
+        type: "title"
+      }, useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index), /*#__PURE__*/_react["default"].createElement(InputToggle, {
+        className: classes.toggle,
+        onChange: this.onCheckedChange,
+        label: !noLabels ? 'Correct' : '',
+        checked: !!data.correct,
+        error: noCorrectAnswerError
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.middleColumn
+      }, /*#__PURE__*/_react["default"].createElement(EditableHtmlContainer, {
+        className: classes.input,
+        label: !noLabels ? 'Label' : '',
+        value: data.label,
+        onChange: this.onLabelChange,
+        imageSupport: imageSupport,
+        disableImageAlignmentButtons: disableImageAlignmentButtons,
+        disabled: disabled,
+        spellCheck: spellCheck,
+        nonEmpty: nonEmpty,
+        pluginOpts: pluginOpts,
+        toolbarOpts: toolbarOpts,
+        error: error,
+        uploadSoundSupport: uploadSoundSupport,
+        mathMlOptions: mathMlOptions,
+        maxImageWidth: maxImageWidth,
+        maxImageHeight: maxImageHeight
+      }), error && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, error), allowFeedBack && /*#__PURE__*/_react["default"].createElement(Feedback, (0, _extends2["default"])({}, data.feedback, {
+        correct: data.correct,
+        defaults: defaultFeedback,
+        onChange: this.onFeedbackValueChange,
+        toolbarOpts: toolbarOpts
+      }))), allowFeedBack && /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+        className: classes.feedback,
+        label: !noLabels ? 'Feedback' : ''
+      }, /*#__PURE__*/_react["default"].createElement(_feedbackMenu["default"], {
+        onChange: this.onFeedbackTypeChange,
+        value: data.feedback,
+        classes: {
+          icon: classes.feedbackIcon
+        }
+      })), allowDelete && /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+        className: classes["delete"],
+        label: !noLabels ? 'Delete' : ''
+      }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "delete",
+        className: classes.deleteIcon,
+        onClick: onDelete
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)))));
+    }
+  }]);
+  return ChoiceConfiguration;
+}(_react["default"].Component);
+
+exports.ChoiceConfiguration = ChoiceConfiguration;
+(0, _defineProperty2["default"])(ChoiceConfiguration, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  noLabels: _propTypes["default"].bool,
+  useLetterOrdering: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  error: _propTypes["default"].string,
+  mode: _propTypes["default"].oneOf(['checkbox', 'radio']),
+  defaultFeedback: _propTypes["default"].object.isRequired,
+  disabled: _propTypes["default"].bool,
+  nonEmpty: _propTypes["default"].bool,
+  data: _propTypes["default"].shape({
+    label: _propTypes["default"].string.isRequired,
+    value: _propTypes["default"].string.isRequired,
+    correct: _propTypes["default"].bool,
+    feedback: _propTypes["default"].shape({
+      type: _propTypes["default"].string,
+      value: _propTypes["default"].string
+    })
+  }),
+  onDelete: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  index: _propTypes["default"].number,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  disableImageAlignmentButtons: _propTypes["default"].bool,
+  allowFeedBack: _propTypes["default"].bool,
+  allowDelete: _propTypes["default"].bool,
+  noCorrectAnswerError: _propTypes["default"].string,
+  spellCheck: _propTypes["default"].bool,
+  pluginOpts: _propTypes["default"].object,
+  toolbarOpts: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
+  maxImageWidth: _propTypes["default"].number,
+  maxImageHeight: _propTypes["default"].number
+});
+(0, _defineProperty2["default"])(ChoiceConfiguration, "defaultProps", {
+  index: -1,
+  noLabels: false,
+  useLetterOrdering: false,
+  allowFeedBack: true,
+  allowDelete: true
+});
+
+var styles = function styles(theme) {
+  return {
+    index: {
+      paddingRight: theme.spacing.unit,
+      paddingTop: theme.spacing.unit * 3.5
+    },
+    choiceConfiguration: {},
+    topRow: {
+      display: 'flex'
+    },
+    value: {
+      flex: '0.5',
+      paddingRight: theme.spacing.unit
+    },
+    editorHolder: {
+      marginTop: theme.spacing.unit * 2
+    },
+    toggle: {
+      flex: '0 1 auto',
+      paddingTop: theme.spacing.unit / 2,
+      paddingBottom: 0,
+      marginRight: 0,
+      marginLeft: theme.spacing.unit
+    },
+    feedback: {
+      flex: '0 1 auto',
+      paddingTop: theme.spacing.unit * 2,
+      paddingLeft: 0,
+      marginLeft: 0,
+      marginRight: theme.spacing.unit
+    },
+    feedbackIcon: {
+      margin: 0,
+      width: 'inherit'
+    },
+    deleteIcon: {
+      margin: 0,
+      width: 'inherit'
+    },
+    "delete": {
+      flex: '0 1 auto',
+      paddingTop: theme.spacing.unit * 2,
+      paddingLeft: 0,
+      marginLeft: 0
+    },
+    middleColumn: {
+      display: 'flex',
+      flex: 1,
+      flexDirection: 'column',
+      marginRight: theme.spacing.unit
+    },
+    input: {
+      marginRight: 0
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(ChoiceConfiguration);
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disableImageAlignmentButtons","disabled","spellCheck","nonEmpty","pluginOpts","toolbarOpts","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","names","editor","language","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","palette","grey","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","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","input","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","paddingRight","paddingTop","display","flex","paddingBottom","marginRight","marginLeft","paddingLeft","margin","flexDirection","fontSize","typography","color","main"],"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 ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\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';\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    disableImageAlignmentButtons,\n    disabled,\n    spellCheck,\n    nonEmpty,\n    pluginOpts,\n    toolbarOpts,\n    error,\n    maxImageWidth,\n    maxImageHeight,\n    uploadSoundSupport,\n    mathMlOptions = {},\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            disableImageAlignmentButtons={disableImageAlignmentButtons}\n            className={classes.editor}\n            pluginProps={pluginOpts || {}}\n            toolbarOpts={toolbarOpts}\n            error={error}\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n        </div>\n      </InputContainer>\n    );\n  },\n);\n\nconst Feedback = withStyles((theme) => ({\n  text: {\n    width: '100%',\n  },\n  feedbackContainer: {\n    position: 'relative',\n  },\n  arrowIcon: {\n    fill: theme.palette.grey[400],\n    left: -56,\n    position: 'absolute',\n    top: 20,\n  },\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts, mathMlOptions = {} }) => {\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          mathMlOptions={mathMlOptions}\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    error: 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    disableImageAlignmentButtons: PropTypes.bool,\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    noCorrectAnswerError: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    pluginOpts: PropTypes.object,\n    toolbarOpts: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\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\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\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      disableImageAlignmentButtons,\n      disabled,\n      spellCheck,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      pluginOpts,\n      toolbarOpts,\n      error,\n      noCorrectAnswerError,\n      uploadSoundSupport,\n      maxImageWidth,\n      maxImageHeight,\n      mathMlOptions = {},\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n\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\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n            error={noCorrectAnswerError}\n          />\n\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              className={classes.input}\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={disableImageAlignmentButtons}\n              disabled={disabled}\n              spellCheck={spellCheck}\n              nonEmpty={nonEmpty}\n              pluginOpts={pluginOpts}\n              toolbarOpts={toolbarOpts}\n              error={error}\n              uploadSoundSupport={uploadSoundSupport}\n              mathMlOptions={mathMlOptions}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\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\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\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    paddingRight: theme.spacing.unit,\n    paddingTop: theme.spacing.unit * 3.5,\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    paddingTop: theme.spacing.unit / 2,\n    paddingBottom: 0,\n    marginRight: 0,\n    marginLeft: theme.spacing.unit,\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit * 2,\n    paddingLeft: 0,\n    marginLeft: 0,\n    marginRight: theme.spacing.unit,\n  },\n  feedbackIcon: {\n    margin: 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 * 2,\n    paddingLeft: 0,\n    marginLeft: 0,\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n    marginRight: theme.spacing.unit,\n  },\n  input: {\n    marginRight: 0,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n  },\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}

package/lib/choice-utils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeChoices = exports.firstAvailableIndex = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _includes = _interopRequireDefault(require("lodash/includes"));
+
+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; }
+
+/**
+ * Add value to every model.choices.
+ * @param {Object} model the model to normalize
+ * @return {Object} the updated model
+ */
+var normalizeChoices = function normalizeChoices(model) {
+  var choices = model.choices.map(function (c, index) {
+    if (!c.value) {
+      c.value = "".concat(index);
+    }
+
+    return c;
+  });
+  return _objectSpread(_objectSpread({}, model), {}, {
+    choices: choices
+  });
+};
+/**
+ * Find the first available index.
+ * @param {string[]} values
+ * @param {number} index
+ * @return {string}
+ */
+
+
+exports.normalizeChoices = normalizeChoices;
+
+var firstAvailableIndex = function firstAvailableIndex(values, index) {
+  if ((0, _includes["default"])(values, "".concat(index))) {
+    return firstAvailableIndex(values, index + 1);
+  } else {
+    return "".concat(index);
+  }
+};
+
+exports.firstAvailableIndex = firstAvailableIndex;
+//# sourceMappingURL=choice-utils.js.map

package/lib/choice-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/choice-utils.js"],"names":["normalizeChoices","model","choices","map","c","index","value","firstAvailableIndex","values"],"mappings":";;;;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AACzC,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAACC,CAAD,EAAIC,KAAJ,EAAc;AAC9C,QAAI,CAACD,CAAC,CAACE,KAAP,EAAc;AACZF,MAAAA,CAAC,CAACE,KAAF,aAAaD,KAAb;AACD;;AACD,WAAOD,CAAP;AACD,GALe,CAAhB;AAMA,yCAAYH,KAAZ;AAAmBC,IAAAA,OAAO,EAAPA;AAAnB;AACD,CARM;AAUP;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,MAAD,EAASH,KAAT,EAAmB;AACpD,MAAI,0BAASG,MAAT,YAAoBH,KAApB,EAAJ,EAAkC;AAChC,WAAOE,mBAAmB,CAACC,MAAD,EAASH,KAAK,GAAG,CAAjB,CAA1B;AACD,GAFD,MAEO;AACL,qBAAUA,KAAV;AACD;AACF,CANM","sourcesContent":["import includes from 'lodash/includes';\n\n/**\n * Add value to every model.choices.\n * @param {Object} model the model to normalize\n * @return {Object} the updated model\n */\nexport const normalizeChoices = (model) => {\n  const choices = model.choices.map((c, index) => {\n    if (!c.value) {\n      c.value = `${index}`;\n    }\n    return c;\n  });\n  return { ...model, choices };\n};\n\n/**\n * Find the first available index.\n * @param {string[]} values\n * @param {number} index\n * @return {string}\n */\nexport const firstAvailableIndex = (values, index) => {\n  if (includes(values, `${index}`)) {\n    return firstAvailableIndex(values, index + 1);\n  } else {\n    return `${index}`;\n  }\n};\n"],"file":"choice-utils.js"}