@pie-lib/config-ui 13.0.4-next.31 → 13.0.4-next.36

package/lib/choice-configuration/index.js

@@ -0,0 +1,381 @@
+"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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _SubdirectoryArrowRight = _interopRequireDefault(require("@mui/icons-material/SubdirectoryArrowRight"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _renderUi = require("@pie-lib/render-ui");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _inputs = require("../inputs");
+var _feedbackMenu = _interopRequireDefault(require("./feedback-menu"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledEditorHolder = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    marginTop: theme.spacing(2)
+  };
+});
+var EditableHtmlContainer = function EditableHtmlContainer(_ref2) {
+  var label = _ref2.label,
+    onChange = _ref2.onChange,
+    value = _ref2.value,
+    className = _ref2.className,
+    imageSupport = _ref2.imageSupport,
+    disableImageAlignmentButtons = _ref2.disableImageAlignmentButtons,
+    disabled = _ref2.disabled,
+    spellCheck = _ref2.spellCheck,
+    nonEmpty = _ref2.nonEmpty,
+    pluginOpts = _ref2.pluginOpts,
+    toolbarOpts = _ref2.toolbarOpts,
+    error = _ref2.error,
+    maxImageWidth = _ref2.maxImageWidth,
+    maxImageHeight = _ref2.maxImageHeight,
+    uploadSoundSupport = _ref2.uploadSoundSupport,
+    _ref2$mathMlOptions = _ref2.mathMlOptions,
+    mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    label: label,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(StyledEditorHolder, null, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
+    markup: value || '',
+    disabled: disabled,
+    spellCheck: spellCheck,
+    nonEmpty: nonEmpty,
+    onChange: onChange,
+    imageSupport: imageSupport,
+    disableImageAlignmentButtons: disableImageAlignmentButtons,
+    pluginProps: pluginOpts || {},
+    toolbarOpts: toolbarOpts,
+    error: error,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight,
+    uploadSoundSupport: uploadSoundSupport,
+    languageCharactersProps: [{
+      language: 'spanish'
+    }, {
+      language: 'special'
+    }],
+    mathMlOptions: mathMlOptions
+  })));
+};
+var StyledFeedbackContainer = (0, _styles.styled)('div')(function () {
+  return {
+    position: 'relative'
+  };
+});
+var StyledArrowIcon = (0, _styles.styled)(_SubdirectoryArrowRight["default"])(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    fill: theme.palette.grey[400],
+    left: -56,
+    position: 'absolute',
+    top: 40
+  };
+});
+var StyledTextField = (0, _styles.styled)(_TextField["default"])(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    width: '100%',
+    marginTop: theme.spacing(2)
+  };
+});
+var StyledEditableHtmlContainer = (0, _styles.styled)(EditableHtmlContainer)(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    width: '100%',
+    marginTop: theme.spacing(2)
+  };
+});
+var Feedback = function Feedback(_ref6) {
+  var value = _ref6.value,
+    onChange = _ref6.onChange,
+    type = _ref6.type,
+    correct = _ref6.correct,
+    defaults = _ref6.defaults,
+    toolbarOpts = _ref6.toolbarOpts,
+    _ref6$mathMlOptions = _ref6.mathMlOptions,
+    mathMlOptions = _ref6$mathMlOptions === void 0 ? {} : _ref6$mathMlOptions;
+  if (!type || type === 'none') {
+    return null;
+  } else if (type === 'default') {
+    return /*#__PURE__*/_react["default"].createElement(StyledFeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(StyledArrowIcon, null), /*#__PURE__*/_react["default"].createElement(StyledTextField, {
+      label: "Feedback Text",
+      value: correct ? defaults.correct : defaults.incorrect,
+      variant: "standard"
+    }));
+  } else {
+    return /*#__PURE__*/_react["default"].createElement(StyledFeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(StyledArrowIcon, null), /*#__PURE__*/_react["default"].createElement(StyledEditableHtmlContainer, {
+      label: "Feedback Text",
+      value: value,
+      onChange: onChange,
+      toolbarOpts: toolbarOpts,
+      mathMlOptions: mathMlOptions
+    }));
+  }
+};
+var StyledIndex = (0, _styles.styled)('span')(function (_ref7) {
+  var theme = _ref7.theme;
+  return {
+    paddingRight: theme.spacing(1),
+    paddingTop: theme.spacing(3)
+  };
+});
+var StyledTopRow = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    alignItems: 'center'
+  };
+});
+var StyledToggle = (0, _styles.styled)('div')(function (_ref8) {
+  var theme = _ref8.theme;
+  return {
+    flex: '0 1 auto',
+    paddingTop: theme.spacing(0.5),
+    paddingBottom: 0,
+    marginRight: 0,
+    marginLeft: theme.spacing(1)
+  };
+});
+var StyledFeedback = (0, _styles.styled)('div')(function (_ref9) {
+  var theme = _ref9.theme;
+  return {
+    flex: '0 1 auto',
+    paddingTop: theme.spacing(2),
+    paddingLeft: 0,
+    marginLeft: 0,
+    marginRight: theme.spacing(1)
+  };
+});
+var StyledFeedbackIcon = (0, _styles.styled)('div')(function () {
+  return {
+    margin: 0,
+    width: 'inherit'
+  };
+});
+var StyledDeleteIcon = (0, _styles.styled)('div')(function () {
+  return {
+    margin: 0,
+    width: 'inherit'
+  };
+});
+var StyledDelete = (0, _styles.styled)('div')(function (_ref0) {
+  var theme = _ref0.theme;
+  return {
+    flex: '0 1 auto',
+    paddingTop: theme.spacing(2),
+    paddingLeft: 0,
+    marginLeft: 0
+  };
+});
+var StyledMiddleColumn = (0, _styles.styled)('div')(function (_ref1) {
+  var theme = _ref1.theme;
+  return {
+    display: 'flex',
+    flex: 1,
+    flexDirection: 'column',
+    marginRight: theme.spacing(1)
+  };
+});
+var StyledErrorText = (0, _styles.styled)('div')(function (_ref10) {
+  var theme = _ref10.theme;
+  return {
+    fontSize: theme.typography.fontSize - 2,
+    color: theme.palette.error.main
+  };
+});
+var ChoiceConfiguration = exports.ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
+  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 = _callSuper(this, ChoiceConfiguration, [].concat(args));
+    (0, _defineProperty2["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"])(_this, "onLabelChange", _this._changeFn('label'));
+    (0, _defineProperty2["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"])(_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"])(_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, _inherits2["default"])(ChoiceConfiguration, _React$Component);
+  return (0, _createClass2["default"])(ChoiceConfiguration, [{
+    key: "render",
+    value: function render() {
+      var _this$props5 = this.props,
+        data = _this$props5.data,
+        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;
+      return /*#__PURE__*/_react["default"].createElement(StyledTopRow, null, index > 0 && /*#__PURE__*/_react["default"].createElement(StyledIndex, {
+        type: "title"
+      }, useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index), /*#__PURE__*/_react["default"].createElement(StyledToggle, null, /*#__PURE__*/_react["default"].createElement(InputToggle, {
+        onChange: this.onCheckedChange,
+        label: !noLabels ? 'Correct' : '',
+        checked: !!data.correct,
+        error: noCorrectAnswerError
+      })), /*#__PURE__*/_react["default"].createElement(StyledMiddleColumn, null, /*#__PURE__*/_react["default"].createElement(EditableHtmlContainer, {
+        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(StyledErrorText, null, 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(StyledFeedback, null, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+        label: !noLabels ? 'Feedback' : ''
+      }, /*#__PURE__*/_react["default"].createElement(StyledFeedbackIcon, null, /*#__PURE__*/_react["default"].createElement(_feedbackMenu["default"], {
+        onChange: this.onFeedbackTypeChange,
+        value: data.feedback
+      })))), allowDelete && /*#__PURE__*/_react["default"].createElement(StyledDelete, null, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+        label: !noLabels ? 'Delete' : ''
+      }, /*#__PURE__*/_react["default"].createElement(StyledDeleteIcon, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "delete",
+        onClick: onDelete,
+        size: "large"
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))))));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(ChoiceConfiguration, "propTypes", {
+  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 _default = exports["default"] = ChoiceConfiguration;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_TextField","_Delete","_SubdirectoryArrowRight","_IconButton","_renderUi","_editableHtmlTipTap","_inputs","_feedbackMenu","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","StyledEditorHolder","styled","_ref","theme","marginTop","spacing","EditableHtmlContainer","_ref2","label","onChange","value","className","imageSupport","disableImageAlignmentButtons","disabled","spellCheck","nonEmpty","pluginOpts","toolbarOpts","error","maxImageWidth","maxImageHeight","uploadSoundSupport","_ref2$mathMlOptions","mathMlOptions","createElement","InputContainer","markup","pluginProps","languageCharactersProps","language","StyledFeedbackContainer","position","StyledArrowIcon","ArrowRight","_ref3","fill","palette","grey","left","top","StyledTextField","TextField","_ref4","width","StyledEditableHtmlContainer","_ref5","Feedback","_ref6","type","correct","defaults","_ref6$mathMlOptions","incorrect","variant","StyledIndex","_ref7","paddingRight","paddingTop","StyledTopRow","display","alignItems","StyledToggle","_ref8","flex","paddingBottom","marginRight","marginLeft","StyledFeedback","_ref9","paddingLeft","StyledFeedbackIcon","margin","StyledDeleteIcon","StyledDelete","_ref0","StyledMiddleColumn","_ref1","flexDirection","StyledErrorText","_ref10","fontSize","typography","color","main","ChoiceConfiguration","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","key","update","_this$props","props","data","_changeFn","event","target","checked","_this$props2","v","_this$props3","feedback","fb","_this$props4","undefined","_inherits2","_createClass2","render","_this$props5","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","_this$props5$mathMlOp","InputToggle","InputCheckbox","InputRadio","String","fromCharCode","toUpperCase","onCheckedChange","onLabelChange","_extends2","onFeedbackValueChange","onFeedbackTypeChange","onClick","size","React","Component","PropTypes","bool","string","oneOf","object","isRequired","shape","func","number","add","_default"],"sources":["../../src/choice-configuration/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport TextField from '@mui/material/TextField';\nimport ActionDelete from '@mui/icons-material/Delete';\nimport ArrowRight from '@mui/icons-material/SubdirectoryArrowRight';\nimport IconButton from '@mui/material/IconButton';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\n\nconst StyledEditorHolder = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\nconst EditableHtmlContainer = ({\n  label,\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  return (\n    <InputContainer label={label} className={className}>\n      <StyledEditorHolder>\n        <EditableHtml\n          markup={value || ''}\n          disabled={disabled}\n          spellCheck={spellCheck}\n          nonEmpty={nonEmpty}\n          onChange={onChange}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={disableImageAlignmentButtons}\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      </StyledEditorHolder>\n    </InputContainer>\n  );\n};\n\nconst StyledFeedbackContainer = styled('div')(() => ({\n  position: 'relative',\n}));\n\nconst StyledArrowIcon = styled(ArrowRight)(({ theme }) => ({\n  fill: theme.palette.grey[400],\n  left: -56,\n  position: 'absolute',\n  top: 40,\n}));\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  width: '100%',\n  marginTop: theme.spacing(2),\n}));\n\nconst StyledEditableHtmlContainer = styled(EditableHtmlContainer)(({ theme }) => ({\n  width: '100%',\n  marginTop: theme.spacing(2),\n}));\n\nconst Feedback = ({ value, onChange, type, correct, defaults, toolbarOpts, mathMlOptions = {} }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <StyledFeedbackContainer>\n        <StyledArrowIcon />\n        <StyledTextField\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n          variant=\"standard\"\n        />\n      </StyledFeedbackContainer>\n    );\n  } else {\n    return (\n      <StyledFeedbackContainer>\n        <StyledArrowIcon />\n        <StyledEditableHtmlContainer\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n          mathMlOptions={mathMlOptions}\n        />\n      </StyledFeedbackContainer>\n    );\n  }\n};\n\nconst StyledIndex = styled('span')(({ theme }) => ({\n  paddingRight: theme.spacing(1),\n  paddingTop: theme.spacing(3),\n}));\n\nconst StyledTopRow = styled('div')(() => ({\n  display: 'flex',\n  alignItems: 'center',\n}));\n\nconst StyledToggle = styled('div')(({ theme }) => ({\n  flex: '0 1 auto',\n  paddingTop: theme.spacing(0.5),\n  paddingBottom: 0,\n  marginRight: 0,\n  marginLeft: theme.spacing(1),\n}));\n\nconst StyledFeedback = styled('div')(({ theme }) => ({\n  flex: '0 1 auto',\n  paddingTop: theme.spacing(2),\n  paddingLeft: 0,\n  marginLeft: 0,\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledFeedbackIcon = styled('div')(() => ({\n  margin: 0,\n  width: 'inherit',\n}));\n\nconst StyledDeleteIcon = styled('div')(() => ({\n  margin: 0,\n  width: 'inherit',\n}));\n\nconst StyledDelete = styled('div')(({ theme }) => ({\n  flex: '0 1 auto',\n  paddingTop: theme.spacing(2),\n  paddingLeft: 0,\n  marginLeft: 0,\n}));\n\nconst StyledMiddleColumn = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flex: 1,\n  flexDirection: 'column',\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n}));\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\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      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\n    return (\n      <StyledTopRow>\n        {index > 0 && (\n          <StyledIndex type=\"title\">\n            {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n          </StyledIndex>\n        )}\n\n        <StyledToggle>\n          <InputToggle\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n            error={noCorrectAnswerError}\n          />\n        </StyledToggle>\n\n        <StyledMiddleColumn>\n          <EditableHtmlContainer\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 && <StyledErrorText>{error}</StyledErrorText>}\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        </StyledMiddleColumn>\n\n        {allowFeedBack && (\n          <StyledFeedback>\n            <InputContainer label={!noLabels ? 'Feedback' : ''}>\n              <StyledFeedbackIcon>\n                <FeedbackMenu onChange={this.onFeedbackTypeChange} value={data.feedback} />\n              </StyledFeedbackIcon>\n            </InputContainer>\n          </StyledFeedback>\n        )}\n\n        {allowDelete && (\n          <StyledDelete>\n            <InputContainer label={!noLabels ? 'Delete' : ''}>\n              <StyledDeleteIcon>\n                <IconButton aria-label=\"delete\" onClick={onDelete} size=\"large\">\n                  <ActionDelete />\n                </IconButton>\n              </StyledDeleteIcon>\n            </InputContainer>\n          </StyledDelete>\n        )}\n      </StyledTopRow>\n    );\n  }\n}\n\nexport default ChoiceConfiguration;\n"],"mappings":"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","ignoreList":[]}

package/lib/choice-utils.js

@@ -0,0 +1,42 @@
+"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 _lodashEs = require("lodash-es");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Add value to every model.choices.
+ * @param {Object} model the model to normalize
+ * @return {Object} the updated model
+ */
+var normalizeChoices = exports.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}
+ */
+var _firstAvailableIndex = exports.firstAvailableIndex = function firstAvailableIndex(values, index) {
+  if ((0, _lodashEs.includes)(values, "".concat(index))) {
+    return _firstAvailableIndex(values, index + 1);
+  } else {
+    return "".concat(index);
+  }
+};
+//# sourceMappingURL=choice-utils.js.map

package/lib/choice-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-utils.js","names":["_lodashEs","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","normalizeChoices","exports","model","choices","map","c","index","value","concat","firstAvailableIndex","values","includes"],"sources":["../src/choice-utils.js"],"sourcesContent":["import { includes } from 'lodash-es';\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"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAqC,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAErC;AACA;AACA;AACA;AACA;AACO,IAAMoB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAK,EAAK;EACzC,IAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;IAC9C,IAAI,CAACD,CAAC,CAACE,KAAK,EAAE;MACZF,CAAC,CAACE,KAAK,MAAAC,MAAA,CAAMF,KAAK,CAAE;IACtB;IACA,OAAOD,CAAC;EACV,CAAC,CAAC;EACF,OAAAb,aAAA,CAAAA,aAAA,KAAYU,KAAK;IAAEC,OAAO,EAAPA;EAAO;AAC5B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,IAAMM,oBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIC,MAAM,EAAEJ,KAAK,EAAK;EACpD,IAAI,IAAAK,kBAAQ,EAACD,MAAM,KAAAF,MAAA,CAAKF,KAAK,CAAE,CAAC,EAAE;IAChC,OAAOG,oBAAmB,CAACC,MAAM,EAAEJ,KAAK,GAAG,CAAC,CAAC;EAC/C,CAAC,MAAM;IACL,UAAAE,MAAA,CAAUF,KAAK;EACjB;AACF,CAAC","ignoreList":[]}

package/lib/feedback-config/feedback-selector.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FeedbackType = exports.FeedbackSelector = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _renderUi = require("@pie-lib/render-ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _group = _interopRequireDefault(require("./group"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// - mathquill error window not defined
+var StyledEditableHTML = (0, _styles.styled)(_editableHtmlTipTap["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    fontFamily: theme.typography.fontFamily
+  };
+});
+var feedbackLabels = {
+  "default": 'Simple Feedback',
+  none: 'No Feedback',
+  custom: 'Customized Feedback'
+};
+var StyledFeedbackSelector = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    marginBottom: theme.spacing(1)
+  };
+});
+var StyledInputContainer = (0, _styles.styled)(_renderUi.InputContainer)(function () {
+  return {
+    paddingBottom: 0
+  };
+});
+var StyledCustomHolder = (0, _styles.styled)('div')(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    marginTop: '0px',
+    background: theme.palette.grey[300],
+    padding: 0,
+    marginBottom: theme.spacing(2),
+    borderRadius: '4px'
+  };
+});
+var StyledDefaultHolder = (0, _styles.styled)('div')(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    marginTop: '0px',
+    background: theme.palette.grey[300],
+    padding: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    borderRadius: '4px',
+    fontFamily: theme.typography.fontFamily,
+    cursor: 'default'
+  };
+});
+var StyledGroup = (0, _styles.styled)(_group["default"])(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    paddingTop: theme.spacing(1)
+  };
+});
+var FeedbackType = exports.FeedbackType = {
+  type: _propTypes["default"].oneOf(['default', 'custom', 'none']),
+  "default": _propTypes["default"].string,
+  custom: _propTypes["default"].string
+};
+var FeedbackSelector = exports.FeedbackSelector = /*#__PURE__*/function (_React$Component) {
+  function FeedbackSelector() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, FeedbackSelector);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, FeedbackSelector, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "changeType", function (type) {
+      var _this$props = _this.props,
+        onChange = _this$props.onChange,
+        feedback = _this$props.feedback;
+      onChange(_objectSpread(_objectSpread({}, feedback), {}, {
+        type: type
+      }));
+    });
+    (0, _defineProperty2["default"])(_this, "changeCustom", function (custom) {
+      var _this$props2 = _this.props,
+        onChange = _this$props2.onChange,
+        feedback = _this$props2.feedback;
+      onChange(_objectSpread(_objectSpread({}, feedback), {}, {
+        type: 'custom',
+        custom: custom
+      }));
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
+  return (0, _createClass2["default"])(FeedbackSelector, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        keys = _this$props3.keys,
+        label = _this$props3.label,
+        feedback = _this$props3.feedback,
+        toolbarOpts = _this$props3.toolbarOpts,
+        _this$props3$mathMlOp = _this$props3.mathMlOptions,
+        mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
+      var feedbackKeys = keys || Object.keys(feedbackLabels);
+      return /*#__PURE__*/_react["default"].createElement(StyledFeedbackSelector, null, /*#__PURE__*/_react["default"].createElement(StyledInputContainer, {
+        label: label,
+        extraClasses: {
+          label: {
+            transform: 'translateY(-20%)'
+          }
+        }
+      }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
+        keys: feedbackKeys,
+        label: label,
+        value: feedback.type,
+        onChange: this.changeType,
+        feedbackLabels: feedbackLabels
+      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement(StyledCustomHolder, null, /*#__PURE__*/_react["default"].createElement(StyledEditableHTML, {
+        onChange: this.changeCustom,
+        markup: feedback.custom || '',
+        toolbarOpts: toolbarOpts,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement(StyledDefaultHolder, null, " ", feedback["default"]));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(FeedbackSelector, "propTypes", {
+  keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  label: _propTypes["default"].string.isRequired,
+  feedback: _propTypes["default"].shape(FeedbackType).isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  toolbarOpts: _propTypes["default"].object,
+  mathMlOptions: _propTypes["default"].object
+});
+var _default = exports["default"] = FeedbackSelector;
+//# sourceMappingURL=feedback-selector.js.map