@pie-element/ebsr 6.6.3-next.414 → 6.6.3-next.430

package/configure/node_modules/@pie-element/multiple-choice/docs/pie-schema.json.md

@@ -1,266 +0,0 @@
-Model for the Choice Interaction
-
-The schema defines the following properties:
-
-# `choiceMode` (string, enum)
-
-Indicates the choices are single or multiple selection
-
-This element must be one of the following enum values:
-
-* `checkbox`
-* `radio`
-
-# `choicePrefix` (string, enum)
-
-What key should be displayed before choices. If undefined no  key will be displayed.
-
-This element must be one of the following enum values:
-
-* `letters`
-* `numbers`
-
-Default: `": 'letters'"`
-
-# `choices` (array, required)
-
-The choice options for the question
-
-The object is an array with all elements of the type `object`.
-
-The array object has the following properties:
-
-## `correct` (boolean)
-
-Indicates if the choice is correct
-
-## `value` (string, required)
-
-the value that will be stored if this choice is selected
-
-## `label` (string, required)
-
-the text label that will be presented to the user for this choice
-
-## `feedback` (object)
-
-The type of feedback to use:
-   `default` = a standard feedback message
-   `custom` = a customized feedback message
-
-Properties of the `feedback` object:
-
-### `type` (string, enum, required)
-
-This element must be one of the following enum values:
-
-* `custom`
-* `default`
-* `none`
-
-Default: `"default"`
-
-### `value` (string)
-
-Value for feedback
-
-### `custom` (string)
-
-Custom value for feedback
-
-## `rationale` (string)
-
-Rationale for the Choice
-
-# `prompt` (string)
-
-The question prompt or item stem
-
-# `promptEnabled` (boolean)
-
-Determines if prompt should show
-
-# `choicesLayout` (string, enum)
-
-Indicates the layout of choices for player
-
-This element must be one of the following enum values:
-
-* `grid`
-* `horizontal`
-* `vertical`
-
-Default: `": 'vertical'"`
-
-# `gridColumns` (number)
-
-Indicates the number of columns for the grid layout
-
-Default: `": 2"`
-
-# `toolbarEditorPosition` (string, enum)
-
-Indicates the editor's toolbar position which can be 'bottom' or 'top'
-
-This element must be one of the following enum values:
-
-* `bottom`
-* `top`
-
-Default: `": 'bottom'"`
-
-# `lockChoiceOrder` (boolean)
-
-Indicates the order of choices should be randomly ordered when presented to user
-
-# `partialScoring` (boolean)
-
-Indicates that the item should use partial scoring
-
-# `scoringType` (string, enum)
-
-Indicates scoring type
-
-This element must be one of the following enum values:
-
-* `auto`
-* `rubric`
-
-# `studentInstructions` (string)
-
-Indicates student instructions
-
-# `teacherInstructions` (string)
-
-Indicates teacher instructions
-
-# `feedbackEnabled` (boolean, required)
-
-Indicates if feedback is enabled
-
-# `rationaleEnabled` (boolean, required)
-
-Indicates if Rationale are enabled
-
-# `studentInstructionsEnabled` (boolean, required)
-
-Indicates if Student Instructions are enabled
-
-# `teacherInstructionsEnabled` (boolean, required)
-
-Indicates if Teacher Instructions are enabled
-
-# `id` (string, required)
-
-Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
-
-# `element` (string, required)
-
-The html Element tag name
-
----
-
-# Sub Schemas
-
-The schema defines the following additional types:
-
-## `ConfigureProp` (object)
-
-Properties of the `ConfigureProp` object:
-
-### `settings` (boolean)
-
-Indicates if the item has to be displayed in the Settings Panel
-
-### `label` (string)
-
-Indicates the label for the item that has to be displayed in the Settings Panel
-
-## `ConfigurePropWithEnabled` (object)
-
-Properties of the `ConfigurePropWithEnabled` object:
-
-### `settings` (boolean)
-
-Indicates if the item has to be displayed in the Settings Panel
-
-### `label` (string)
-
-Indicates the label for the item that has to be displayed in the Settings Panel
-
-### `enabled` (boolean)
-
-Indicates the value of the item if it affects config-ui
-(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
-
-## `Choice` (object)
-
-Properties of the `Choice` object:
-
-### `correct` (boolean)
-
-Indicates if the choice is correct
-
-### `value` (string, required)
-
-the value that will be stored if this choice is selected
-
-### `label` (string, required)
-
-the text label that will be presented to the user for this choice
-
-### `feedback` (object)
-
-The type of feedback to use:
-   `default` = a standard feedback message
-   `custom` = a customized feedback message
-
-Properties of the `feedback` object:
-
-#### `type` (string, enum, required)
-
-This element must be one of the following enum values:
-
-* `custom`
-* `default`
-* `none`
-
-Default: `"default"`
-
-#### `value` (string)
-
-Value for feedback
-
-#### `custom` (string)
-
-Custom value for feedback
-
-### `rationale` (string)
-
-Rationale for the Choice
-
-## `Feedback` (object)
-
-The type of feedback to use:
-   `default` = a standard feedback message
-   `custom` = a customized feedback message
-
-Properties of the `Feedback` object:
-
-### `type` (string, enum, required)
-
-This element must be one of the following enum values:
-
-* `custom`
-* `default`
-* `none`
-
-Default: `"default"`
-
-### `value` (string)
-
-Value for feedback
-
-### `custom` (string)
-
-Custom value for feedback

package/configure/node_modules/@pie-element/multiple-choice/lib/choice-input.js

@@ -1,284 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ChoiceInput = exports.StyledRadio = exports.StyledCheckbox = exports.StyledFormControlLabel = 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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _feedbackTick = _interopRequireDefault(require("./feedback-tick"));
-
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var styleSheet = function styleSheet() {
-  return {
-    row: {
-      display: 'flex',
-      alignItems: 'center',
-      backgroundColor: _renderUi.color.background()
-    },
-    checkboxHolder: {
-      display: 'flex',
-      alignItems: 'center',
-      backgroundColor: _renderUi.color.background(),
-      flex: 1,
-      '& label': {
-        color: _renderUi.color.text()
-      }
-    }
-  };
-};
-
-var formStyleSheet = {
-  label: {
-    color: "".concat(_renderUi.color.text(), " !important"),
-    //'var(--choice-input-color, black)'
-    backgroundColor: _renderUi.color.background()
-  }
-};
-var StyledFormControlLabel = (0, _styles.withStyles)(formStyleSheet, {
-  name: 'FormControlLabel'
-})(function (props) {
-  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], (0, _extends2["default"])({}, props, {
-    classes: {
-      label: props.classes.label
-    }
-  }));
-});
-exports.StyledFormControlLabel = StyledFormControlLabel;
-var CLASS_NAME = 'multiple-choice-component';
-
-var colorStyle = function colorStyle(varName, fallback) {
-  return (0, _defineProperty2["default"])({}, "&.".concat(CLASS_NAME), {
-    color: "var(--choice-input-".concat(varName, ", ").concat(fallback, ") !important")
-  });
-};
-
-var inputStyles = {
-  'correct-root': colorStyle('correct-color', _renderUi.color.text()),
-  'correct-checked': colorStyle('correct-selected-color', _renderUi.color.correct()),
-  //green[500]),
-  'correct-disabled': colorStyle('correct-disabled-color', _renderUi.color.disabled()),
-  //'grey'),
-  'incorrect-root': colorStyle('incorrect-color', _renderUi.color.incorrect()),
-  'incorrect-checked': colorStyle('incorrect-checked', _renderUi.color.incorrect()),
-  //orange[500]),
-  'incorrect-disabled': colorStyle('incorrect-disabled-color', _renderUi.color.disabled()),
-  root: _objectSpread(_objectSpread({}, colorStyle('color', _renderUi.color.text())), {}, {
-    '&:hover': {
-      color: "".concat(_renderUi.color.primaryLight(), " !important")
-    }
-  }),
-  checked: colorStyle('selected-color', _renderUi.color.primary()),
-  disabled: _objectSpread(_objectSpread({}, colorStyle('disabled-color', _renderUi.color.text())), {}, {
-    opacity: 0.6,
-    cursor: 'not-allowed !important',
-    pointerEvents: 'initial !important'
-  })
-};
-var StyledCheckbox = (0, _styles.withStyles)(inputStyles)(function (props) {
-  var correctness = props.correctness,
-      classes = props.classes,
-      checked = props.checked,
-      onChange = props.onChange,
-      disabled = props.disabled,
-      accessibility = props.accessibility;
-
-  var key = function key(k) {
-    return correctness ? "".concat(correctness, "-").concat(k) : k;
-  };
-
-  var resolved = {
-    root: classes[key('root')],
-    checked: classes[key('checked')],
-    disabled: classes[key('disabled')]
-  };
-  var miniProps = {
-    checked: checked,
-    onChange: onChange,
-    disabled: disabled
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], (0, _extends2["default"])({
-    "aria-label": accessibility
-  }, miniProps, {
-    className: CLASS_NAME,
-    classes: {
-      root: resolved.root,
-      checked: resolved.checked,
-      disabled: resolved.disabled
-    }
-  }));
-});
-exports.StyledCheckbox = StyledCheckbox;
-var StyledRadio = (0, _styles.withStyles)(inputStyles)(function (props) {
-  var correctness = props.correctness,
-      classes = props.classes,
-      checked = props.checked,
-      onChange = props.onChange,
-      disabled = props.disabled,
-      accessibility = props.accessibility;
-
-  var key = function key(k) {
-    return correctness ? "".concat(correctness, "-").concat(k) : k;
-  };
-
-  var resolved = {
-    root: classes[key('root')],
-    checked: classes[key('checked')],
-    disabled: classes[key('disabled')]
-  };
-  var miniProps = {
-    checked: checked,
-    onChange: onChange,
-    disabled: disabled
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Radio["default"], (0, _extends2["default"])({
-    "aria-label": accessibility
-  }, miniProps, {
-    className: CLASS_NAME,
-    classes: {
-      root: resolved.root,
-      checked: resolved.checked
-    }
-  }));
-});
-exports.StyledRadio = StyledRadio;
-
-var ChoiceInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ChoiceInput, _React$Component);
-
-  var _super = _createSuper(ChoiceInput);
-
-  function ChoiceInput(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ChoiceInput);
-    _this = _super.call(this, props);
-    _this.onToggleChoice = _this.onToggleChoice.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ChoiceInput, [{
-    key: "onToggleChoice",
-    value: function onToggleChoice() {
-      this.props.onChange({
-        value: this.props.value,
-        selected: !this.props.checked
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          choiceMode = _this$props.choiceMode,
-          disabled = _this$props.disabled,
-          displayKey = _this$props.displayKey,
-          feedback = _this$props.feedback,
-          label = _this$props.label,
-          checked = _this$props.checked,
-          correctness = _this$props.correctness,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          rationale = _this$props.rationale,
-          accessibility = _this$props.accessibility;
-      var Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;
-      var classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(className, 'corespring-' + classSuffix)
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.row
-      }, /*#__PURE__*/_react["default"].createElement(_feedbackTick["default"], {
-        correctness: correctness
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.checkboxHolder
-      }, /*#__PURE__*/_react["default"].createElement(StyledFormControlLabel, {
-        disabled: disabled,
-        label: displayKey ? displayKey + '. ' : '',
-        control: /*#__PURE__*/_react["default"].createElement(Tag, {
-          accessibility: accessibility,
-          checked: checked,
-          correctness: correctness,
-          onChange: this.onToggleChoice
-        })
-      }), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        className: "label",
-        onClick: this.onToggleChoice,
-        prompt: label,
-        tagName: "span"
-      }))), rationale && /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        className: "rationale",
-        prompt: rationale
-      }), /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
-        feedback: feedback,
-        correctness: correctness
-      }));
-    }
-  }]);
-  return ChoiceInput;
-}(_react["default"].Component);
-
-exports.ChoiceInput = ChoiceInput;
-(0, _defineProperty2["default"])(ChoiceInput, "propTypes", {
-  choiceMode: _propTypes["default"].oneOf(['radio', 'checkbox']),
-  displayKey: _propTypes["default"].string.isRequired,
-  checked: _propTypes["default"].bool.isRequired,
-  correctness: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool.isRequired,
-  feedback: _propTypes["default"].string,
-  label: _propTypes["default"].string.isRequired,
-  rationale: _propTypes["default"].string,
-  accessibility: _propTypes["default"].string,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].string.isRequired,
-  classes: _propTypes["default"].object,
-  className: _propTypes["default"].string
-});
-(0, _defineProperty2["default"])(ChoiceInput, "defaultProps", {
-  rationale: null,
-  accessibility: null,
-  checked: false
-});
-
-var _default = (0, _styles.withStyles)(styleSheet)(ChoiceInput);
-
-exports["default"] = _default;
-//# sourceMappingURL=choice-input.js.map

package/configure/node_modules/@pie-element/multiple-choice/lib/choice-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/choice-input.jsx"],"names":["styleSheet","row","display","alignItems","backgroundColor","color","background","checkboxHolder","flex","text","formStyleSheet","label","StyledFormControlLabel","name","props","classes","CLASS_NAME","colorStyle","varName","fallback","inputStyles","correct","disabled","incorrect","root","primaryLight","checked","primary","opacity","cursor","pointerEvents","StyledCheckbox","correctness","onChange","accessibility","key","k","resolved","miniProps","StyledRadio","ChoiceInput","onToggleChoice","bind","value","selected","choiceMode","displayKey","feedback","className","rationale","Tag","classSuffix","React","Component","PropTypes","oneOf","string","isRequired","bool","func","object"],"mappings":"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","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Checkbox from '@material-ui/core/Checkbox';\nimport { Feedback, color, PreviewPrompt } from '@pie-lib/render-ui';\nimport FeedbackTick from './feedback-tick';\nimport Radio from '@material-ui/core/Radio';\nimport classNames from 'classnames';\n\nconst styleSheet = () => ({\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    backgroundColor: color.background(),\n  },\n  checkboxHolder: {\n    display: 'flex',\n    alignItems: 'center',\n    backgroundColor: color.background(),\n    flex: 1,\n    '& label': {\n      color: color.text(),\n    },\n  },\n});\n\nconst formStyleSheet = {\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)'\n    backgroundColor: color.background(),\n  },\n};\n\nexport const StyledFormControlLabel = withStyles(formStyleSheet, {\n  name: 'FormControlLabel',\n})((props) => (\n  <FormControlLabel {...props} classes={{ label: props.classes.label }} />\n));\n\nconst CLASS_NAME = 'multiple-choice-component';\n\nconst colorStyle = (varName, fallback) => ({\n  [`&.${CLASS_NAME}`]: {\n    color: `var(--choice-input-${varName}, ${fallback}) !important`,\n  },\n});\n\nconst inputStyles = {\n  'correct-root': colorStyle('correct-color', color.text()),\n  'correct-checked': colorStyle('correct-selected-color', color.correct()), //green[500]),\n  'correct-disabled': colorStyle('correct-disabled-color', color.disabled()), //'grey'),\n  'incorrect-root': colorStyle('incorrect-color', color.incorrect()),\n  'incorrect-checked': colorStyle('incorrect-checked', color.incorrect()), //orange[500]),\n  'incorrect-disabled': colorStyle(\n    'incorrect-disabled-color',\n    color.disabled()\n  ),\n  root: {\n    ...colorStyle('color', color.text()),\n    '&:hover': { color: `${color.primaryLight()} !important` },\n  },\n  checked: colorStyle('selected-color', color.primary()),\n  disabled: {\n    ...colorStyle('disabled-color', color.text()),\n    opacity: 0.6,\n    cursor: 'not-allowed !important',\n    pointerEvents: 'initial !important',\n  },\n};\n\nexport const StyledCheckbox = withStyles(inputStyles)((props) => {\n  const { correctness, classes, checked, onChange, disabled, accessibility } = props;\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  const resolved = {\n    root: classes[key('root')],\n    checked: classes[key('checked')],\n    disabled: classes[key('disabled')],\n  };\n\n  const miniProps = { checked, onChange, disabled };\n  return (\n    <Checkbox\n      aria-label={accessibility}\n      {...miniProps}\n      className={CLASS_NAME}\n      classes={{\n        root: resolved.root,\n        checked: resolved.checked,\n        disabled: resolved.disabled,\n      }}\n    />\n  );\n});\n\nexport const StyledRadio = withStyles(inputStyles)((props) => {\n  const { correctness, classes, checked, onChange, disabled, accessibility } = props;\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  const resolved = {\n    root: classes[key('root')],\n    checked: classes[key('checked')],\n    disabled: classes[key('disabled')],\n  };\n\n  const miniProps = { checked, onChange, disabled };\n\n  return (\n    <Radio\n      aria-label={accessibility}\n      {...miniProps}\n      className={CLASS_NAME}\n      classes={{\n        root: resolved.root,\n        checked: resolved.checked,\n      }}\n    />\n  );\n});\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    displayKey: PropTypes.string.isRequired,\n    checked: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool.isRequired,\n    feedback: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    rationale: PropTypes.string,\n    accessibility: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n    classes: PropTypes.object,\n    className: PropTypes.string,\n  };\n\n  static defaultProps = {\n    rationale: null,\n    accessibility: null,\n    checked: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.onToggleChoice = this.onToggleChoice.bind(this);\n  }\n\n  onToggleChoice() {\n    this.props.onChange({\n      value: this.props.value,\n      selected: !this.props.checked,\n    });\n  }\n\n  render() {\n    const {\n      choiceMode,\n      disabled,\n      displayKey,\n      feedback,\n      label,\n      checked,\n      correctness,\n      classes,\n      className,\n      rationale,\n      accessibility,\n    } = this.props;\n\n    const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;\n    const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';\n\n    return (\n      <div className={classNames(className, 'corespring-' + classSuffix)}>\n        <div className={classes.row}>\n          <FeedbackTick correctness={correctness} />\n          <div className={classes.checkboxHolder}>\n            <StyledFormControlLabel\n              disabled={disabled}\n              label={displayKey ? displayKey + '. ' : ''}\n              control={\n                <Tag\n                  accessibility={accessibility}\n                  checked={checked}\n                  correctness={correctness}\n                  onChange={this.onToggleChoice}\n                />\n              }\n            />\n            <PreviewPrompt\n              className=\"label\"\n              onClick={this.onToggleChoice}\n              prompt={label}\n              tagName=\"span\"\n            />\n          </div>\n        </div>\n        {rationale && (\n          <PreviewPrompt className=\"rationale\" prompt={rationale} />\n        )}\n        <Feedback feedback={feedback} correctness={correctness} />\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styleSheet)(ChoiceInput);\n"],"file":"choice-input.js"}