@pie-lib/config-ui 10.10.4-next.626 → 10.10.4-next.631

package/lib/choice-configuration/index.js

@@ -75,7 +75,8 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
       toolbarOpts = _ref.toolbarOpts,
       error = _ref.error,
       maxImageWidth = _ref.maxImageWidth,
-      maxImageHeight = _ref.maxImageHeight;
+      maxImageHeight = _ref.maxImageHeight,
+      uploadSoundSupport = _ref.uploadSoundSupport;
   var names = (0, _classnames["default"])(classes.labelContainer, className);
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     label: label,
@@ -94,6 +95,7 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
     error: error,
     maxImageWidth: maxImageWidth,
     maxImageHeight: maxImageHeight,
+    uploadSoundSupport: uploadSoundSupport,
     languageCharactersProps: [{
       language: 'spanish'
     }, {
@@ -249,7 +251,8 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
           allowDelete = _this$props5.allowDelete,
           toolbarOpts = _this$props5.toolbarOpts,
           error = _this$props5.error,
-          noCorrectAnswerError = _this$props5.noCorrectAnswerError;
+          noCorrectAnswerError = _this$props5.noCorrectAnswerError,
+          uploadSoundSupport = _this$props5.uploadSoundSupport;
       var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
       var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -276,7 +279,8 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
         spellCheck: spellCheck,
         nonEmpty: nonEmpty,
         toolbarOpts: toolbarOpts,
-        error: error
+        error: error,
+        uploadSoundSupport: uploadSoundSupport
       }), error && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.errorText
       }, error), allowFeedBack && /*#__PURE__*/_react["default"].createElement(Feedback, (0, _extends2["default"])({}, data.feedback, {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "10.10.4-next.626+ec82d2a5",
+  "version": "10.10.4-next.631+34fed29b",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,9 +10,9 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^9.1.4",
+    "@pie-lib/editable-html": "^9.2.2",
     "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/render-ui": "^4.13.4",
+    "@pie-lib/render-ui": "^4.13.6",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "ec82d2a52d750cb7e069157bc2c58dee83227ce0"
+  "gitHead": "34fed29bb26ac8eaf26ab02d3242425cb4056acd"
 }

package/src/choice-configuration/index.jsx

@@ -30,7 +30,8 @@ const EditableHtmlContainer = withStyles(theme => ({
     toolbarOpts,
     error,
     maxImageWidth,
-    maxImageHeight
+    maxImageHeight,
+    uploadSoundSupport
   }) => {
     const names = classNames(classes.labelContainer, className);
 
@@ -49,6 +50,7 @@ const EditableHtmlContainer = withStyles(theme => ({
             error={error}
             maxImageWidth={maxImageWidth}
             maxImageHeight={maxImageHeight}
+            uploadSoundSupport={uploadSoundSupport}
             languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}
           />
         </div>
@@ -198,7 +200,8 @@ export class ChoiceConfiguration extends React.Component {
       allowDelete,
       toolbarOpts,
       error,
-      noCorrectAnswerError
+      noCorrectAnswerError,
+      uploadSoundSupport
     } = this.props;
 
     const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;
@@ -229,6 +232,7 @@ export class ChoiceConfiguration extends React.Component {
               nonEmpty={nonEmpty}
               toolbarOpts={toolbarOpts}
               error={error}
+              uploadSoundSupport={uploadSoundSupport}
             />
             {error && <div className={classes.errorText}>{error}</div>}