@pie-lib/config-ui 11.9.25-next.0 → 11.10.1-beta.0

package/lib/choice-configuration/feedback-menu.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.IconMenu = void 0;
-
-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 _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _Feedback = _interopRequireDefault(require("@material-ui/icons/Feedback"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-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 IconMenu = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(IconMenu, _React$Component);
-
-  var _super = _createSuper(IconMenu);
-
-  function IconMenu(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, IconMenu);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
-      _this.setState({
-        open: true,
-        anchorEl: event.currentTarget
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestClose", function () {
-      _this.setState({
-        open: false
-      });
-    });
-    _this.state = {
-      anchorEl: undefined,
-      open: false
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(IconMenu, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          opts = _this$props.opts,
-          onClick = _this$props.onClick;
-      var keys = Object.keys(opts);
-
-      var handleMenuClick = function handleMenuClick(key) {
-        return function () {
-          onClick(key);
-
-          _this2.handleRequestClose();
-        };
-      };
-
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-        onClick: this.handleClick
-      }, this.props.iconButtonElement), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-        id: "simple-menu",
-        anchorEl: this.state.anchorEl,
-        open: this.state.open,
-        onClose: this.handleRequestClose
-      }, keys.map(function (k, index) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          key: index,
-          onClick: handleMenuClick(k)
-        }, opts[k]);
-      })));
-    }
-  }]);
-  return IconMenu;
-}(_react["default"].Component);
-
-exports.IconMenu = IconMenu;
-(0, _defineProperty2["default"])(IconMenu, "propTypes", {
-  opts: _propTypes["default"].object,
-  onClick: _propTypes["default"].func.isRequired,
-  iconButtonElement: _propTypes["default"].any
-});
-
-var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(FeedbackMenu, _React$Component2);
-
-  var _super2 = _createSuper(FeedbackMenu);
-
-  function FeedbackMenu() {
-    (0, _classCallCheck2["default"])(this, FeedbackMenu);
-    return _super2.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(FeedbackMenu, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          onChange = _this$props2.onChange,
-          classes = _this$props2.classes;
-      var t = value && value.type;
-      var iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';
-      var tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';
-
-      var icon = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        className: classes.icon,
-        "aria-label": tooltip
-      }, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], {
-        color: iconColor
-      }));
-
-      return /*#__PURE__*/_react["default"].createElement(IconMenu, {
-        iconButtonElement: icon,
-        onClick: function onClick(key) {
-          return onChange(key);
-        },
-        opts: {
-          none: 'No Feedback',
-          "default": 'Default',
-          custom: 'Custom'
-        }
-      });
-    }
-  }]);
-  return FeedbackMenu;
-}(_react["default"].Component);
-
-exports["default"] = FeedbackMenu;
-(0, _defineProperty2["default"])(FeedbackMenu, "propTypes", {
-  value: _propTypes["default"].object,
-  onChange: _propTypes["default"].func.isRequired,
-  classes: _propTypes["default"].object.isRequired
-});
-(0, _defineProperty2["default"])(FeedbackMenu, "defaultProps", {
-  classes: {}
-});
-//# sourceMappingURL=feedback-menu.js.map

package/lib/choice-configuration/feedback-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ActionFeedback from '@material-ui/icons/Feedback';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    iconButtonElement: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => {\n    this.setState({ open: true, anchorEl: event.currentTarget });\n  };\n\n  handleRequestClose = () => {\n    this.setState({ open: false });\n  };\n\n  render() {\n    const { opts, onClick } = this.props;\n    const keys = Object.keys(opts);\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n        <Menu id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class FeedbackMenu extends React.Component {\n  static propTypes = {\n    value: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { value, onChange, classes } = this.props;\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n    const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';\n\n    const icon = (\n      <IconButton className={classes.icon} aria-label={tooltip}>\n        <ActionFeedback color={iconColor} />\n      </IconButton>\n    );\n\n    return (\n      <IconMenu\n        iconButtonElement={icon}\n        onClick={(key) => onChange(key)}\n        opts={{\n          none: 'No Feedback',\n          default: 'Default',\n          custom: 'Custom',\n        }}\n      />\n    );\n  }\n}\n"],"file":"feedback-menu.js"}

package/lib/choice-configuration/index.js

@@ -1,434 +0,0 @@
-"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 _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"));
-
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-
-var _SubdirectoryArrowRight = _interopRequireDefault(require("@material-ui/icons/SubdirectoryArrowRight"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-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,
-      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,
-    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,
-          toolbarOpts = _this$props5.toolbarOpts,
-          error = _this$props5.error,
-          noCorrectAnswerError = _this$props5.noCorrectAnswerError,
-          uploadSoundSupport = _this$props5.uploadSoundSupport,
-          _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,
-        toolbarOpts: toolbarOpts,
-        error: error,
-        uploadSoundSupport: uploadSoundSupport,
-        mathMlOptions: mathMlOptions
-      }), 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,
-  toolbarOpts: _propTypes["default"].object,
-  uploadSoundSupport: _propTypes["default"].object
-});
-(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

@@ -1 +0,0 @@
-{"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","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 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    disableImageAlignmentButtons,\n    disabled,\n    spellCheck,\n    nonEmpty,\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            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    toolbarOpts: PropTypes.object,\n    uploadSoundSupport: 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\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      toolbarOpts,\n      error,\n      noCorrectAnswerError,\n      uploadSoundSupport,\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              toolbarOpts={toolbarOpts}\n              error={error}\n              uploadSoundSupport={uploadSoundSupport}\n              mathMlOptions={mathMlOptions}\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"}