@pie-element/select-text 8.11.1-next.1 → 8.11.1-next.2

package/configure/lib/design.js

@@ -0,0 +1,505 @@
+"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/pie-toolbox/text-select");
+
+var _configUi = require("@pie-lib/pie-toolbox/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 = require("@pie-lib/pie-toolbox/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,
+    dropdown = _configUi.settings.dropdown;
+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 _configuration$teache, _configuration$prompt, _configuration$ration;
+
+      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$baseInputConfigu = _ref.baseInputConfiguration,
+          baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu,
+          _ref$correctAnswer = _ref.correctAnswer,
+          correctAnswer = _ref$correctAnswer === void 0 ? {} : _ref$correctAnswer,
+          _ref$contentDimension = _ref.contentDimensions,
+          contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
+          _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,
+          _ref$mathMlOptions = _ref.mathMlOptions,
+          mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions,
+          _ref$language = _ref.language,
+          language = _ref$language === void 0 ? {} : _ref$language,
+          _ref$languageChoices = _ref.languageChoices,
+          languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices;
+
+      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 || {},
+          promptError = _ref3.prompt,
+          rationaleError = _ref3.rationale,
+          selectionsError = _ref3.selectionsError,
+          teacherInstructionsError = _ref3.teacherInstructions,
+          tokensError = _ref3.tokensError;
+
+      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),
+        'language.enabled': language.settings && toggle(language.label, true),
+        language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
+      };
+      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)
+      };
+
+      var getPluginProps = function getPluginProps() {
+        var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
+      };
+
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        dimensions: contentDimensions,
+        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
+          }
+        })
+      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: teacherInstructions.label,
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.teacherInstructions || '',
+        onChange: this.onTeacherInstructionsChanged,
+        imageSupport: imageSupport,
+        nonEmpty: false,
+        error: teacherInstructionsError,
+        toolbarOpts: toolbarOpts,
+        pluginProps: getPluginProps(configuration === null || configuration === void 0 ? void 0 : (_configuration$teache = configuration.teacherInstructions) === null || _configuration$teache === void 0 ? void 0 : _configuration$teache.inputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: prompt.label || '',
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.prompt,
+        onChange: this.onPromptChanged,
+        imageSupport: imageSupport,
+        error: promptError,
+        toolbarOpts: toolbarOpts,
+        pluginProps: getPluginProps(configuration === null || configuration === void 0 ? void 0 : (_configuration$prompt = configuration.prompt) === null || _configuration$prompt === void 0 ? void 0 : _configuration$prompt.inputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: defaultImageMaxWidth,
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), promptError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, promptError)), text.settings && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: text.label || '',
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        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), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tokensDetails
+      }, 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
+      })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: rationale.label || '',
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.prompt,
+        markup: model.rationale || '',
+        onChange: this.onRationaleChanged,
+        imageSupport: imageSupport,
+        error: rationaleError,
+        toolbarOpts: toolbarOpts,
+        pluginProps: getPluginProps(configuration === null || configuration === void 0 ? void 0 : (_configuration$ration = configuration.rationale) === null || _configuration$ration === void 0 ? void 0 : _configuration$ration.inputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), rationaleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, rationaleError)), 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
+  }),
+  uploadSoundSupport: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(Design, "defaultProps", {});
+
+var _default = (0, _styles.withStyles)(function (theme) {
+  return {
+    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: {
+      marginTop: theme.spacing.unit / 2,
+      marginRight: theme.spacing.unit * 2
+    },
+    input: {
+      width: '100%'
+    },
+    tokenizer: {
+      marginTop: theme.spacing.unit * 2
+    },
+    mainOpts: {
+      width: '100%',
+      justifyContent: 'space-between',
+      display: 'flex',
+      alignItems: 'baseline'
+    },
+    promptHolder: {
+      width: '100%',
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    },
+    tokensDetails: {
+      display: 'flex',
+      alignItems: 'center',
+      flexWrap: 'wrap',
+      marginBottom: theme.spacing.unit * 2.5
+    },
+    numberField: {
+      width: '180px',
+      margin: "".concat(theme.spacing.unit / 2, "px auto 0")
+    },
+    tooltip: {
+      fontSize: theme.typography.fontSize - 2,
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit
+    }
+  };
+})(Design);
+
+exports["default"] = _default;
+//# sourceMappingURL=design.js.map

package/configure/lib/design.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","radio","dropdown","log","Design","props","val","apply","u","text","tokens","event","updateText","target","value","mode","correctTokenCount","filter","t","correct","length","max","isFinite","maxSelections","Math","fn","onModelChanged","model","update","feedback","partialScoring","prompt","teacherInstructions","rationale","state","nProps","setState","textValue","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","correctAnswer","contentDimensions","highlightChoices","selectionCount","selections","settingsPanelDisabled","scoringType","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","language","languageChoices","errors","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","selectionsError","teacherInstructionsError","tokensError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","tokensModel","toolbarOpts","position","panelSettings","label","enabled","options","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","Settings","Properties","promptHolder","onTeacherInstructionsChanged","inputConfiguration","errorText","onPromptChanged","input","changeText","tokenizerContainer","tooltip","left","top","tokenizer","changeTokens","tokensDetails","chip","changeMaxSelections","numberField","onRationaleChanged","changeFeedback","React","Component","PropTypes","object","isRequired","func","shape","add","theme","paddingRight","marginRight","bottom","right","height","content","backgroundColor","palette","primary","main","marginBottom","spacing","unit","marginTop","width","mainOpts","justifyContent","display","alignItems","paddingTop","flexWrap","margin","fontSize","typography","whiteSpace","maxWidth","color","error"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from '@material-ui/core/TextField';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport debounce from 'lodash/debounce';\nimport { Tokenizer } from '@pie-lib/pie-toolbox/text-select';\nimport { InputContainer, NumberTextField, FeedbackConfig, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport Chip from '@material-ui/core/Chip';\nimport Info from '@material-ui/icons/Info';\nimport debug from 'debug';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst log = debug('@pie-element:select-text:configure');\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    const { model } = this.props;\n\n    this.state = {\n      text: (model && model.text) || '',\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const { model } = nProps;\n\n    if (model && model.text) {\n      this.setState({\n        text: model.text,\n      });\n    }\n  }\n\n  updateText = debounce((val) => {\n    this.apply((u) => {\n      u.text = val;\n      u.tokens = [];\n    });\n  }, 200);\n\n  changeText = (event) => this.updateText(event.target.value);\n\n  changeTokens = (tokens, mode) => {\n    this.apply((u) => {\n      u.tokens = tokens;\n      u.mode = mode;\n\n      const correctTokenCount = tokens.filter((t) => t.correct).length;\n      const max = isFinite(u.maxSelections) ? u.maxSelections : 0;\n\n      u.maxSelections = Math.max(max, correctTokenCount);\n    });\n  };\n\n  changeMaxSelections = (event, max) => {\n    this.apply((u) => (u.maxSelections = max));\n  };\n\n  apply = (fn) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    fn(update);\n    onModelChanged(update);\n  };\n\n  changeFeedback = (feedback) => {\n    this.apply((u) => (u.feedback = feedback));\n  };\n\n  changePartialScoring = (partialScoring) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n    update.partialScoring = partialScoring;\n\n    onModelChanged(update);\n  };\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.teacherInstructions = teacherInstructions;\n    onModelChanged(update);\n  };\n\n  onRationaleChanged = (rationale) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, rationale });\n  };\n\n  render() {\n    const { text: textValue } = this.state;\n    const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      baseInputConfiguration = {},\n      correctAnswer = {},\n      contentDimensions = {},\n      feedback = {},\n      highlightChoices = {},\n      mode = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      selectionCount = {},\n      selections = {},\n      settingsPanelDisabled,\n      scoringType = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      text = {},\n      tokens = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      errors,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      selectionsError,\n      teacherInstructions: teacherInstructionsError,\n      tokensError,\n    } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    let { tokens: tokensModel } = model;\n    tokensModel = tokensModel || [];\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    log('[render] maxSelections:', model.maxSelections);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      highlightChoices: highlightChoices.settings && toggle(highlightChoices.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(configuration?.teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label || ''} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(configuration?.prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        {text.settings && (\n          <InputContainer label={text.label || ''} className={classes.promptHolder}>\n            <TextField\n              className={classes.input}\n              multiline\n              defaultValue={textValue}\n              onChange={this.changeText}\n              spellCheck={spellCheckEnabled}\n            />\n          </InputContainer>\n        )}\n\n        {tokens.settings && (\n          <InputContainer label={tokens.label || ''} className={classes.tokenizerContainer}>\n            <Tooltip\n              classes={{ tooltip: classes.tooltip }}\n              disableFocusListener\n              disableTouchListener\n              placement={'right'}\n              title={validationMessage}\n            >\n              <Info fontSize={'small'} color={'primary'} style={{ position: 'absolute', left: '48px', top: '-3px' }} />\n            </Tooltip>\n\n            <Tokenizer\n              className={classes.tokenizer}\n              text={model.text}\n              tokens={tokensModel}\n              onChange={this.changeTokens}\n            />\n          </InputContainer>\n        )}\n        {tokensError && <div className={classes.errorText}>{tokensError}</div>}\n        {selectionsError && <div className={classes.errorText}>{selectionsError}</div>}\n\n        <div className={classes.tokensDetails}>\n          {mode.settings && (\n            <Chip label={`${mode.label}: ${model.mode ? model.mode : 'None'}`} className={classes.chip} />\n          )}\n\n          {selections.settings && (\n            <Chip label={`${selections.label}: ${tokensModel.length}`} className={classes.chip} />\n          )}\n\n          {correctAnswer.settings && (\n            <Chip\n              label={`${correctAnswer.label}: ${tokensModel.filter((t) => t.correct).length}`}\n              className={classes.chip}\n            />\n          )}\n\n          {selectionCount.settings && (\n            <NumberTextField\n              min={tokensModel.filter((t) => t.correct).length || 0}\n              label={`${selectionCount.label} (0:any)`}\n              max={tokensModel.length}\n              value={model.maxSelections}\n              onChange={this.changeMaxSelections}\n              className={classes.numberField}\n            />\n          )}\n        </div>\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label || ''} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(configuration?.rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n\n        {feedbackEnabled && (\n          <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  tokenizerContainer: {\n    paddingRight: 0,\n    marginRight: 0,\n    '&:after': {\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      height: '1px',\n      content: '\"\"',\n      backgroundColor: theme.palette.primary.main,\n    },\n    marginBottom: theme.spacing.unit,\n  },\n  chip: {\n    marginTop: theme.spacing.unit / 2,\n    marginRight: theme.spacing.unit * 2,\n  },\n  input: {\n    width: '100%',\n  },\n  tokenizer: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  mainOpts: {\n    width: '100%',\n    justifyContent: 'space-between',\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  tokensDetails: {\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  numberField: {\n    width: '180px',\n    margin: `${theme.spacing.unit / 2}px auto 0`,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n}))(Design);\n"],"file":"design.js"}