@pie-element/select-text 7.6.1-beta.0 → 7.6.1-beta.3

package/configure/package.json

@@ -8,9 +8,9 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "12.0.0-beta.3",
-    "@pie-lib/editable-html": "10.0.0-beta.4",
-    "@pie-lib/scoring-config": "4.0.0-beta.2",
+    "@pie-lib/config-ui": "12.0.0-beta.5",
+    "@pie-lib/editable-html": "10.0.0-beta.7",
+    "@pie-lib/scoring-config": "4.0.0-beta.4",
     "@pie-lib/text-select": "^1.9.12",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.6.1-beta.0+524659031",
+  "version": "7.6.1-beta.3+e0e0490c5",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
@@ -20,7 +20,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "524659031d4f760494f73f6e091bac2f9ef3f1e0",
+  "gitHead": "e0e0490c5b040c67f504c0bdfd00f6b834a28481",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },

package/configure/lib/defaultConfiguration.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var tokens = function tokens() {
-  return [{
-    text: '',
-    start: 0,
-    end: 0
-  }];
-};
-
-var _default = {
-  model: {
-    highlightChoices: false,
-    partialScoring: false,
-    maxSelections: 2,
-    mode: 'sentence',
-    prompt: 'Question Prompt goes here',
-    text: '',
-    tokens: tokens(),
-    scoringType: 'auto',
-    feedbackEnabled: true,
-    rationaleEnabled: true,
-    promptEnabled: true,
-    teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true,
-    toolbarEditorPosition: 'bottom'
-  },
-  configuration: {
-    selectionCount: {
-      settings: true,
-      label: 'Selection count'
-    },
-    correctAnswer: {
-      settings: true,
-      label: 'Correct Answers'
-    },
-    selections: {
-      settings: true,
-      label: 'Selections Available'
-    },
-    highlightChoices: {
-      settings: true,
-      label: 'Highlight choices'
-    },
-    rationale: {
-      settings: true,
-      label: 'Rationale'
-    },
-    scoringType: {
-      settings: false,
-      label: 'Scoring Type'
-    },
-    studentInstructions: {
-      settings: false,
-      label: 'Student Instructions'
-    },
-    teacherInstructions: {
-      settings: true,
-      label: 'Teacher Instructions'
-    },
-    prompt: {
-      label: 'Prompt',
-      settings: true
-    },
-    text: {
-      settings: true,
-      label: 'Content'
-    },
-    tokens: {
-      settings: true,
-      label: 'Tokens'
-    },
-    feedback: {
-      settings: true,
-      label: 'Feedback'
-    },
-    spellCheck: {
-      label: 'Spellcheck',
-      settings: false,
-      enabled: true
-    },
-    partialScoring: {
-      settings: false,
-      label: 'Allow Partial Scoring'
-    },
-    mode: {
-      settings: true,
-      label: 'Mode'
-    },
-    minTokens: 2,
-    maxImageWidth: {
-      teacherInstructions: 300,
-      prompt: 300,
-      rationale: 300
-    },
-    maxImageHeight: {
-      teacherInstructions: 300,
-      prompt: 300,
-      rationale: 300
-    },
-    withRubric: {
-      settings: false,
-      label: 'Add Rubric'
-    }
-  }
-};
-exports["default"] = _default;
-//# sourceMappingURL=defaultConfiguration.js.map

package/configure/lib/defaultConfiguration.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/defaultConfiguration.js"],"names":["tokens","text","start","end","model","highlightChoices","partialScoring","maxSelections","mode","prompt","scoringType","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","selectionCount","settings","label","correctAnswer","selections","rationale","studentInstructions","teacherInstructions","feedback","spellCheck","enabled","minTokens","maxImageWidth","maxImageHeight","withRubric"],"mappings":"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","sourcesContent":["const tokens = () => [\n  {\n    text: '',\n    start: 0,\n    end: 0,\n  },\n];\n\nexport default {\n  model: {\n    highlightChoices: false,\n    partialScoring: false,\n    maxSelections: 2,\n    mode: 'sentence',\n    prompt: 'Question Prompt goes here',\n    text: '',\n    tokens: tokens(),\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    selectionCount: {\n      settings: true,\n      label: 'Selection count',\n    },\n    correctAnswer: {\n      settings: true,\n      label: 'Correct Answers',\n    },\n    selections: {\n      settings: true,\n      label: 'Selections Available',\n    },\n    highlightChoices: {\n      settings: true,\n      label: 'Highlight choices',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n    text: {\n      settings: true,\n      label: 'Content',\n    },\n    tokens: {\n      settings: true,\n      label: 'Tokens',\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    mode: {\n      settings: true,\n      label: 'Mode',\n    },\n    minTokens: 2,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n  },\n};\n"],"file":"defaultConfiguration.js"}

package/configure/lib/design.js

@@ -1,462 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Design = 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 _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _textSelect = require("@pie-lib/text-select");
-
-var _configUi = require("@pie-lib/config-ui");
-
-var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
-
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _utils = require("./utils");
-
-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 Panel = _configUi.settings.Panel,
-    toggle = _configUi.settings.toggle,
-    radio = _configUi.settings.radio;
-var log = (0, _debug["default"])('@pie-element:select-text:configure');
-
-var Design = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Design, _React$Component);
-
-  var _super = _createSuper(Design);
-
-  function Design(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Design);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", (0, _debounce["default"])(function (val) {
-      _this.apply(function (u) {
-        u.text = val;
-        u.tokens = [];
-      });
-    }, 200));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeText", function (event) {
-      return _this.updateText(event.target.value);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTokens", function (tokens, mode) {
-      _this.apply(function (u) {
-        u.tokens = tokens;
-        u.mode = mode;
-        var correctTokenCount = tokens.filter(function (t) {
-          return t.correct;
-        }).length;
-        var max = isFinite(u.maxSelections) ? u.maxSelections : 0;
-        u.maxSelections = Math.max(max, correctTokenCount);
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeMaxSelections", function (event, max) {
-      _this.apply(function (u) {
-        return u.maxSelections = max;
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "apply", function (fn) {
-      var _this$props = _this.props,
-          onModelChanged = _this$props.onModelChanged,
-          model = _this$props.model;
-      var update = (0, _cloneDeep["default"])(model);
-      fn(update);
-      onModelChanged(update);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeFeedback", function (feedback) {
-      _this.apply(function (u) {
-        return u.feedback = feedback;
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changePartialScoring", function (partialScoring) {
-      var _this$props2 = _this.props,
-          onModelChanged = _this$props2.onModelChanged,
-          model = _this$props2.model;
-      var update = (0, _cloneDeep["default"])(model);
-      update.partialScoring = partialScoring;
-      onModelChanged(update);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
-      var _this$props3 = _this.props,
-          onModelChanged = _this$props3.onModelChanged,
-          model = _this$props3.model;
-      var update = (0, _cloneDeep["default"])(model);
-      update.prompt = prompt;
-      onModelChanged(update);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
-      var _this$props4 = _this.props,
-          onModelChanged = _this$props4.onModelChanged,
-          model = _this$props4.model;
-      var update = (0, _cloneDeep["default"])(model);
-      update.teacherInstructions = teacherInstructions;
-      onModelChanged(update);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChanged", function (rationale) {
-      var _this$props5 = _this.props,
-          onModelChanged = _this$props5.onModelChanged,
-          model = _this$props5.model;
-      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
-        rationale: rationale
-      }));
-    });
-    var _model = _this.props.model;
-    _this.state = {
-      text: _model && _model.text || ''
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Design, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nProps) {
-      var model = nProps.model;
-
-      if (model && model.text) {
-        this.setState({
-          text: model.text
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var textValue = this.state.text;
-      var _this$props6 = this.props,
-          classes = _this$props6.classes,
-          configuration = _this$props6.configuration,
-          imageSupport = _this$props6.imageSupport,
-          model = _this$props6.model,
-          onConfigurationChanged = _this$props6.onConfigurationChanged,
-          onModelChanged = _this$props6.onModelChanged,
-          uploadSoundSupport = _this$props6.uploadSoundSupport;
-
-      var _ref = configuration || {},
-          _ref$correctAnswer = _ref.correctAnswer,
-          correctAnswer = _ref$correctAnswer === void 0 ? {} : _ref$correctAnswer,
-          _ref$feedback = _ref.feedback,
-          feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
-          _ref$highlightChoices = _ref.highlightChoices,
-          highlightChoices = _ref$highlightChoices === void 0 ? {} : _ref$highlightChoices,
-          _ref$mode = _ref.mode,
-          mode = _ref$mode === void 0 ? {} : _ref$mode,
-          _ref$partialScoring = _ref.partialScoring,
-          partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
-          _ref$prompt = _ref.prompt,
-          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-          _ref$rationale = _ref.rationale,
-          rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
-          _ref$selectionCount = _ref.selectionCount,
-          selectionCount = _ref$selectionCount === void 0 ? {} : _ref$selectionCount,
-          _ref$selections = _ref.selections,
-          selections = _ref$selections === void 0 ? {} : _ref$selections,
-          settingsPanelDisabled = _ref.settingsPanelDisabled,
-          _ref$scoringType = _ref.scoringType,
-          scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
-          _ref$spellCheck = _ref.spellCheck,
-          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
-          _ref$studentInstructi = _ref.studentInstructions,
-          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
-          _ref$teacherInstructi = _ref.teacherInstructions,
-          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
-          _ref$text = _ref.text,
-          text = _ref$text === void 0 ? {} : _ref$text,
-          _ref$tokens = _ref.tokens,
-          tokens = _ref$tokens === void 0 ? {} : _ref$tokens,
-          _ref$maxImageWidth = _ref.maxImageWidth,
-          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
-          _ref$maxImageHeight = _ref.maxImageHeight,
-          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
-          _ref$withRubric = _ref.withRubric,
-          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
-
-      var _ref2 = model || {},
-          errors = _ref2.errors,
-          feedbackEnabled = _ref2.feedbackEnabled,
-          promptEnabled = _ref2.promptEnabled,
-          rationaleEnabled = _ref2.rationaleEnabled,
-          spellCheckEnabled = _ref2.spellCheckEnabled,
-          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-          toolbarEditorPosition = _ref2.toolbarEditorPosition;
-
-      var _ref3 = errors || {},
-          tokensError = _ref3.tokensError,
-          selectionsError = _ref3.selectionsError;
-
-      var validationMessage = (0, _utils.generateValidationMessage)(configuration);
-      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
-      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
-      var tokensModel = model.tokens;
-      tokensModel = tokensModel || [];
-      var toolbarOpts = {
-        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
-      };
-      log('[render] maxSelections:', model.maxSelections);
-      var panelSettings = {
-        partialScoring: partialScoring.settings && toggle(partialScoring.label),
-        highlightChoices: highlightChoices.settings && toggle(highlightChoices.label),
-        feedbackEnabled: feedback.settings && toggle(feedback.label)
-      };
-      var panelProperties = {
-        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-        promptEnabled: prompt.settings && toggle(prompt.label),
-        rationaleEnabled: rationale.settings && toggle(rationale.label),
-        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-        scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
-        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
-      };
-      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
-        hideSettings: settingsPanelDisabled,
-        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
-          model: model,
-          configuration: configuration,
-          onChangeModel: function onChangeModel(model) {
-            return onModelChanged(model);
-          },
-          onChangeConfiguration: onConfigurationChanged,
-          groups: {
-            Settings: panelSettings,
-            Properties: panelProperties
-          }
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.container
-      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: teacherInstructions.label,
-        className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.teacherInstructions || '',
-        onChange: this.onTeacherInstructionsChanged,
-        imageSupport: imageSupport,
-        nonEmpty: false,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: prompt.label || '',
-        className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.prompt,
-        onChange: this.onPromptChanged,
-        imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        maxImageWidth: defaultImageMaxWidth,
-        maxImageHeight: defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: rationale.label || '',
-        className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.rationale || '',
-        onChange: this.onRationaleChanged,
-        imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })), text.settings && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-        label: text.label,
-        className: classes.input,
-        multiline: true,
-        defaultValue: textValue,
-        onChange: this.changeText,
-        spellCheck: spellCheckEnabled
-      }), tokens.settings && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: tokens.label || '',
-        className: classes.tokenizerContainer
-      }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-        classes: {
-          tooltip: classes.tooltip
-        },
-        disableFocusListener: true,
-        disableTouchListener: true,
-        placement: 'right',
-        title: validationMessage
-      }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
-        fontSize: 'small',
-        color: 'primary',
-        style: {
-          position: 'absolute',
-          left: '48px',
-          top: '-3px'
-        }
-      })), /*#__PURE__*/_react["default"].createElement(_textSelect.Tokenizer, {
-        className: classes.tokenizer,
-        text: model.text,
-        tokens: tokensModel,
-        onChange: this.changeTokens
-      })), tokensError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, tokensError), selectionsError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, selectionsError), mode.settings && /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        label: "".concat(mode.label, ": ").concat(model.mode ? model.mode : 'None'),
-        className: classes.chip
-      }), selections.settings && /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        label: "".concat(selections.label, ": ").concat(tokensModel.length),
-        className: classes.chip
-      }), correctAnswer.settings && /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        label: "".concat(correctAnswer.label, ": ").concat(tokensModel.filter(function (t) {
-          return t.correct;
-        }).length),
-        className: classes.chip
-      }), selectionCount.settings && /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextField, {
-        min: tokensModel.filter(function (t) {
-          return t.correct;
-        }).length || 0,
-        label: "".concat(selectionCount.label, " (0:any)"),
-        max: tokensModel.length,
-        value: model.maxSelections,
-        onChange: this.changeMaxSelections,
-        className: classes.numberField
-      }), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
-        feedback: model.feedback,
-        onChange: this.changeFeedback,
-        toolbarOpts: toolbarOpts
-      })));
-    }
-  }]);
-  return Design;
-}(_react["default"].Component);
-
-exports.Design = Design;
-(0, _defineProperty2["default"])(Design, "propTypes", {
-  model: _propTypes["default"].object.isRequired,
-  configuration: _propTypes["default"].object.isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  onModelChanged: _propTypes["default"].func.isRequired,
-  onConfigurationChanged: _propTypes["default"].func.isRequired,
-  imageSupport: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    "delete": _propTypes["default"].func.isRequired
-  })
-});
-(0, _defineProperty2["default"])(Design, "defaultProps", {});
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    container: {
-      paddingTop: theme.spacing.unit
-    },
-    tokenizerContainer: {
-      paddingRight: 0,
-      marginRight: 0,
-      '&:after': {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        right: 0,
-        height: '1px',
-        content: '""',
-        backgroundColor: theme.palette.primary.main
-      },
-      marginBottom: theme.spacing.unit
-    },
-    chip: {
-      marginRight: theme.spacing.unit * 2
-    },
-    input: {
-      width: '100%',
-      paddingBottom: theme.spacing.unit * 3
-    },
-    tokenizer: {
-      marginTop: theme.spacing.unit * 2
-    },
-    mainOpts: {
-      width: '100%',
-      justifyContent: 'space-between',
-      display: 'flex',
-      alignItems: 'baseline'
-    },
-    promptHolder: {
-      width: '100%',
-      paddingBottom: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    },
-    prompt: {
-      paddingTop: theme.spacing.unit * 2,
-      width: '100%'
-    },
-    numberField: {
-      width: '180px'
-    },
-    tooltip: {
-      fontSize: theme.typography.fontSize - 2,
-      whiteSpace: 'pre',
-      maxWidth: '500px'
-    },
-    errorText: {
-      fontSize: theme.typography.fontSize - 2,
-      color: 'red',
-      paddingBottom: theme.spacing.unit
-    }
-  };
-})(Design);
-
-exports["default"] = _default;
-//# sourceMappingURL=design.js.map