@pie-element/select-text 6.5.19 → 6.5.20-beta.1443

package/configure/lib/design.js

@@ -39,13 +39,19 @@ 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"));
 
-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; }
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
+var _utils = require("./utils");
 
-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; }
+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); }; }
 
@@ -73,14 +79,7 @@ var Design = /*#__PURE__*/function (_React$Component) {
       });
     }, 200));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeText", function (event) {
-      var value = event.target.value;
-      var preparedText = value;
-
-      _this.setState({
-        text: value
-      });
-
-      _this.updateText(preparedText);
+      return _this.updateText(event.target.value);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTokens", function (tokens, mode) {
       _this.apply(function (u) {
@@ -166,65 +165,91 @@ var Design = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var textValue = this.state.text;
       var _this$props6 = this.props,
-          model = _this$props6.model,
           classes = _this$props6.classes,
+          configuration = _this$props6.configuration,
           imageSupport = _this$props6.imageSupport,
+          model = _this$props6.model,
+          onConfigurationChanged = _this$props6.onConfigurationChanged,
           onModelChanged = _this$props6.onModelChanged,
-          configuration = _this$props6.configuration,
-          onConfigurationChanged = _this$props6.onConfigurationChanged;
+          uploadSoundSupport = _this$props6.uploadSoundSupport;
 
       var _ref = configuration || {},
-          _ref$prompt = _ref.prompt,
-          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-          _ref$text = _ref.text,
-          text = _ref$text === void 0 ? {} : _ref$text,
-          _ref$tokens = _ref.tokens,
-          tokens = _ref$tokens === void 0 ? {} : _ref$tokens,
-          _ref$mode = _ref.mode,
-          mode = _ref$mode === void 0 ? {} : _ref$mode,
+          _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$selections = _ref.selections,
-          selections = _ref$selections === void 0 ? {} : _ref$selections,
-          _ref$selectionCount = _ref.selectionCount,
-          selectionCount = _ref$selectionCount === void 0 ? {} : _ref$selectionCount,
-          _ref$correctAnswer = _ref.correctAnswer,
-          correctAnswer = _ref$correctAnswer === void 0 ? {} : _ref$correctAnswer,
-          _ref$teacherInstructi = _ref.teacherInstructions,
-          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
-          _ref$studentInstructi = _ref.studentInstructions,
-          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _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$highlightChoices = _ref.highlightChoices,
-          highlightChoices = _ref$highlightChoices === void 0 ? {} : _ref$highlightChoices;
+          _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 || {},
-          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          errors = _ref2.errors,
+          feedbackEnabled = _ref2.feedbackEnabled,
           promptEnabled = _ref2.promptEnabled,
           rationaleEnabled = _ref2.rationaleEnabled,
-          feedbackEnabled = _ref2.feedbackEnabled;
-
-      var toolbarOpts = {};
-
-      switch (model.toolbarEditorPosition) {
-        case 'top':
-          toolbarOpts.position = 'top';
-          break;
+          spellCheckEnabled = _ref2.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          toolbarEditorPosition = _ref2.toolbarEditorPosition;
 
-        default:
-          toolbarOpts.position = 'bottom';
-          break;
-      }
+      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,
@@ -233,18 +258,8 @@ var Design = /*#__PURE__*/function (_React$Component) {
           },
           onChangeConfiguration: onConfigurationChanged,
           groups: {
-            Settings: {
-              partialScoring: partialScoring.settings && toggle(partialScoring.label),
-              highlightChoices: highlightChoices.settings && toggle(highlightChoices.label),
-              feedbackEnabled: feedback.settings && toggle(feedback.label)
-            },
-            Properties: {
-              teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-              studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-              promptEnabled: prompt.settings && toggle(prompt.label),
-              rationaleEnabled: rationale.settings && toggle(rationale.label),
-              scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-            }
+            Settings: panelSettings,
+            Properties: panelProperties
           }
         })
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -258,7 +273,16 @@ var Design = /*#__PURE__*/function (_React$Component) {
         onChange: this.onTeacherInstructionsChanged,
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
+        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
@@ -267,7 +291,16 @@ var Design = /*#__PURE__*/function (_React$Component) {
         markup: model.prompt,
         onChange: this.onPromptChanged,
         imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts
+        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
@@ -276,22 +309,52 @@ var Design = /*#__PURE__*/function (_React$Component) {
         markup: model.rationale || '',
         onChange: this.onRationaleChanged,
         imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts
+        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,
-        value: textValue,
-        onChange: this.changeText
+        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(_textSelect.Tokenizer, {
+      }, /*#__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
-      })), mode.settings && /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
+      })), 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"], {
@@ -381,6 +444,16 @@ var _default = (0, _styles.withStyles)(function (theme) {
     },
     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);

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","radio","log","Design","props","val","apply","u","text","tokens","event","value","target","preparedText","setState","updateText","mode","correctTokenCount","filter","t","correct","length","max","isFinite","maxSelections","Math","fn","onModelChanged","model","update","feedback","partialScoring","prompt","teacherInstructions","rationale","state","nProps","textValue","classes","imageSupport","configuration","onConfigurationChanged","selections","selectionCount","correctAnswer","studentInstructions","scoringType","highlightChoices","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","tokensModel","Settings","label","Properties","studentInstructionsEnabled","container","promptHolder","onTeacherInstructionsChanged","onPromptChanged","onRationaleChanged","input","changeText","tokenizerContainer","tokenizer","changeTokens","chip","changeMaxSelections","numberField","changeFeedback","React","Component","PropTypes","object","isRequired","func","shape","add","theme","paddingTop","spacing","unit","paddingRight","marginRight","bottom","left","right","height","content","backgroundColor","palette","primary","main","marginBottom","width","paddingBottom","marginTop","mainOpts","justifyContent","display","alignItems"],"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/text-select';\nimport {\n  InputContainer,\n  NumberTextField,\n  FeedbackConfig,\n  settings,\n  layout\n} from '@pie-lib/config-ui';\nimport Chip from '@material-ui/core/Chip';\nimport debug from 'debug';\nimport EditableHtml from '@pie-lib/editable-html';\n\nconst { Panel, toggle, radio } = 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  };\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 => {\n    const value = event.target.value;\n    const preparedText = value;\n\n    this.setState({\n      text: value\n    });\n    this.updateText(preparedText);\n  };\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    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    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({\n      ...model,\n      rationale\n    });\n  };\n\n  render() {\n    const { text: textValue } = this.state;\n    const {\n      model,\n      classes,\n      imageSupport,\n      onModelChanged,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const {\n      prompt = {},\n      text = {},\n      tokens = {},\n      mode = {},\n      feedback = {},\n      partialScoring = {},\n      selections = {},\n      selectionCount = {},\n      correctAnswer = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      scoringType = {},\n      highlightChoices = {}\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled, promptEnabled, rationaleEnabled, feedbackEnabled\n    } = model || {};\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n    let { tokens: tokensModel } = model;\n    tokensModel = tokensModel || [];\n\n    log('[render] maxSelections:', model.maxSelections);\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: {\n                partialScoring:\n                  partialScoring.settings && toggle(partialScoring.label),\n                highlightChoices:\n                  highlightChoices.settings && toggle(highlightChoices.label),\n                feedbackEnabled:\n                  feedback.settings && toggle(feedback.label)\n              },\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['auto', 'rubric'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.container}>\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label || ''}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChanged}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label || ''}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChanged}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n              />\n            </InputContainer>\n          )}\n\n          {text.settings && (\n            <TextField\n              label={text.label}\n              className={classes.input}\n              multiline\n              value={textValue}\n              onChange={this.changeText}\n            />\n          )}\n\n          {tokens.settings && (\n            <InputContainer\n              label={tokens.label || ''}\n              className={classes.tokenizerContainer}\n            >\n              <Tokenizer\n                className={classes.tokenizer}\n                text={model.text}\n                tokens={tokensModel}\n                onChange={this.changeTokens}\n              />\n            </InputContainer>\n          )}\n\n          {mode.settings && (\n            <Chip\n              label={`${mode.label}: ${model.mode ? model.mode : 'None'}`}\n              className={classes.chip}\n            />\n          )}\n\n          {selections.settings && (\n            <Chip\n              label={`${selections.label}: ${tokensModel.length}`}\n              className={classes.chip}\n            />\n          )}\n\n          {correctAnswer.settings && (\n            <Chip\n              label={`${correctAnswer.label}: ${\n                tokensModel.filter(t => t.correct).length\n              }`}\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\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.changeFeedback}\n              toolbarOpts={toolbarOpts}\n            />\n          )}\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles(theme => ({\n  container: {\n    paddingTop: theme.spacing.unit\n  },\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    marginRight: theme.spacing.unit * 2\n  },\n  input: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 3\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    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  numberField: {\n    width: '180px'\n  }\n}))(Design);\n"],"file":"design.js"}
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","radio","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","correctAnswer","highlightChoices","selectionCount","selections","settingsPanelDisabled","scoringType","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","errors","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","tokensError","selectionsError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","tokensModel","toolbarOpts","position","panelSettings","label","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","container","promptHolder","onTeacherInstructionsChanged","language","onPromptChanged","onRationaleChanged","input","changeText","tokenizerContainer","tooltip","left","top","tokenizer","changeTokens","errorText","chip","changeMaxSelections","numberField","changeFeedback","React","Component","PropTypes","object","isRequired","func","shape","add","theme","paddingTop","spacing","unit","paddingRight","marginRight","bottom","right","height","content","backgroundColor","palette","primary","main","marginBottom","width","paddingBottom","marginTop","mainOpts","justifyContent","display","alignItems","fontSize","typography","whiteSpace","maxWidth","color"],"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/text-select';\nimport { InputContainer, NumberTextField, FeedbackConfig, settings, layout } from '@pie-lib/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/editable-html';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio } = 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  };\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      correctAnswer = {},\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    } = configuration || {};\n    const {\n      errors,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const { tokensError, selectionsError } = 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    };\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    return (\n      <layout.ConfigLayout\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        <div className={classes.container}>\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                toolbarOpts={toolbarOpts}\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              />\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                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={defaultImageMaxWidth}\n                maxImageHeight={defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\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                toolbarOpts={toolbarOpts}\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              />\n            </InputContainer>\n          )}\n\n          {text.settings && (\n            <TextField\n              label={text.label}\n              className={classes.input}\n              multiline\n              defaultValue={textValue}\n              onChange={this.changeText}\n              spellCheck={spellCheckEnabled}\n            />\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\n                  fontSize={'small'}\n                  color={'primary'}\n                  style={{ position: 'absolute', left: '48px', top: '-3px' }}\n                />\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\n          {tokensError && <div className={classes.errorText}>{tokensError}</div>}\n          {selectionsError && <div className={classes.errorText}>{selectionsError}</div>}\n\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\n          {feedbackEnabled && (\n            <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n          )}\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  container: {\n    paddingTop: theme.spacing.unit,\n  },\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    marginRight: theme.spacing.unit * 2,\n  },\n  input: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 3,\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    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  numberField: {\n    width: '180px',\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: 'red',\n    paddingBottom: theme.spacing.unit,\n  },\n}))(Design);\n"],"file":"design.js"}

package/configure/lib/index.js

@@ -31,11 +31,11 @@ var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 
 var _defaultConfiguration = _interopRequireDefault(require("./defaultConfiguration"));
 
-var _textSelect = require("@pie-lib/text-select");
+var _utils = require("./utils");
 
-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 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 = 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; }
+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); }; }
 
@@ -106,6 +106,16 @@ var SelectTextConfigure = /*#__PURE__*/function (_HTMLElement) {
     value: function onDeleteImage(src, done) {
       this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
     }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
   }, {
     key: "render",
     value: function render() {
@@ -118,6 +128,10 @@ var SelectTextConfigure = /*#__PURE__*/function (_HTMLElement) {
           imageSupport: {
             add: this.insertImage.bind(this),
             "delete": this.onDeleteImage.bind(this)
+          },
+          uploadSoundSupport: {
+            add: this.insertSound.bind(this),
+            "delete": this.onDeleteSound.bind(this)
           }
         });
 
@@ -134,10 +148,6 @@ exports["default"] = SelectTextConfigure;
 
   var newModel = _objectSpread(_objectSpread({}, _defaultConfiguration["default"].model), model);
 
-  var newText = (0, _textSelect.prepareText)(newModel.text);
-  return _objectSpread(_objectSpread({}, newModel), {}, {
-    unpreparedText: newModel.text,
-    text: newText
-  });
+  return (0, _utils.generateModel)(newModel);
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","HTMLElement","newModel","newText","text","unpreparedText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;IAEqBA,mB;;;;;AAenB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,iCAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKQ,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKM,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMe,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKnB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCkB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AALqB,SAA1B,CAAX;;AAWAM,6BAAStB,MAAT,CAAgBS,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA9E8Cc,W;;;iCAA5B9B,mB,wBACS,YAAgB;AAAA,MAAfoB,KAAe,uEAAP,EAAO;;AAC1C,MAAMW,QAAQ,mCACT3B,iCAAcgB,KADL,GAETA,KAFS,CAAd;;AAIA,MAAMY,OAAO,GAAG,6BAAYD,QAAQ,CAACE,IAArB,CAAhB;AAEA,yCACKF,QADL;AAEEG,IAAAA,cAAc,EAAEH,QAAQ,CAACE,IAF3B;AAGEA,IAAAA,IAAI,EAAED;AAHR;AAKD,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaultConfiguration';\nimport { prepareText } from '@pie-lib/text-select';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const newModel = {\n      ...defaultValues.model,\n      ...model\n    };\n    const newText = prepareText(newModel.text);\n\n    return {\n      ...newModel,\n      unpreparedText: newModel.text,\n      text: newText\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.dispatchEvent(new ModelUpdatedEvent(this._model), false);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement","newModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;;;IAEqBA,mB;;;;;AAUnB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,iCAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKQ,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKM,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKrB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCoB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI,WALqB;AASnCM,UAAAA,kBAAkB,EAAE;AAClBH,YAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBP,IAAjB,CAAsB,IAAtB,CADa;AAElB,sBAAQ,KAAKQ,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAFU;AATe,SAA1B,CAAX;;AAeAS,6BAAS3B,MAAT,CAAgBW,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDArF8CiB,W;;;iCAA5BnC,mB,wBACS,YAAgB;AAAA,MAAfsB,KAAe,uEAAP,EAAO;;AAC1C,MAAMc,QAAQ,mCACThC,iCAAckB,KADL,GAETA,KAFS,CAAd;;AAKA,SAAO,0BAAcc,QAAd,CAAP;AACD,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaultConfiguration';\nimport { generateModel } from './utils';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const newModel = {\n      ...defaultValues.model,\n      ...model,\n    };\n\n    return generateModel(newModel);\n  };\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.dispatchEvent(new ModelUpdatedEvent(this._model), false);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/utils.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateValidationMessage = exports.generateModel = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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; }
+
+var createElementFromHTML = function createElementFromHTML() {
+  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+
+var parseParagraph = function parseParagraph(paragraph, end) {
+  if (end) {
+    return paragraph.innerHTML;
+  }
+
+  return ''.concat(paragraph.innerHTML, '\n\n');
+};
+
+var parseParagraphs = function parseParagraphs(dom) {
+  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed
+
+  var str = '';
+  paragraphs.forEach(function (par, index) {
+    str += parseParagraph(par, index === paragraphs.length - 1);
+  });
+  return str || null;
+};
+
+var prepareText = function prepareText(text) {
+  var txtDom = createElementFromHTML(text);
+  var div = document.createElement('div');
+  div.innerHTML = "<div separator='true'>".concat(txtDom.innerHTML, '</div>');
+  txtDom = div;
+  var allDomElements = Array.from(txtDom.querySelectorAll('*'));
+
+  if (allDomElements.length === 0) {
+    return text;
+  }
+
+  return parseParagraphs(txtDom);
+};
+
+var generateModel = function generateModel(model) {
+  if (!model) return model; // parsing
+
+  var modelText = prepareText(model.text || '');
+  var newTokens = (model.tokens || []).reduce(function (acc) {
+    var token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var tokenText = prepareText((model.text || '').slice(token.start, token.end));
+
+    if (!tokenText) {
+      return [].concat((0, _toConsumableArray2["default"])(acc), [token]);
+    }
+
+    var getStartIndex = function getStartIndex(start) {
+      var length = start;
+
+      while (length >= 0) {
+        var newStartIndex = modelText.slice(length).indexOf(tokenText);
+
+        if (newStartIndex >= 0) {
+          return newStartIndex + length;
+        }
+
+        length--;
+      }
+
+      return 0;
+    };
+
+    var lastToken = acc[acc.length - 1];
+    var newStart = getStartIndex(lastToken ? lastToken.end : token.start);
+    var newEnd = newStart + tokenText.length;
+    return [].concat((0, _toConsumableArray2["default"])(acc), [_objectSpread(_objectSpread({}, token), {}, {
+      text: tokenText,
+      start: newStart,
+      end: newEnd,
+      // needed for getScore when tokens position is recalculated
+      oldStart: token.start,
+      oldEnd: token.end
+    })]);
+  }, []);
+  return _objectSpread(_objectSpread({}, model), {}, {
+    tokens: newTokens,
+    text: modelText
+  });
+};
+
+exports.generateModel = generateModel;
+
+var generateValidationMessage = function generateValidationMessage(config) {
+  var minTokens = config.minTokens,
+      maxTokens = config.maxTokens,
+      maxSelections = config.maxSelections;
+  var tokensMessage = "\nThere should be at least ".concat(minTokens, " ") + (maxTokens ? "and at most ".concat(maxTokens, " ") : '') + 'tokens defined.';
+  var selectionsMessage = "\nThere should be at least 1 " + (maxSelections ? "and at most ".concat(maxSelections, " ") : '') + 'token' + (maxSelections ? 's' : '') + ' selected.';
+  var message = 'Validation requirements:' + tokensMessage + selectionsMessage;
+  return message;
+};
+
+exports.generateValidationMessage = generateValidationMessage;
+//# sourceMappingURL=utils.js.map