@pie-element/select-text 6.5.3-next.133 → 6.5.3-next.1332

package/configure/lib/design.js

@@ -39,17 +39,23 @@ 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 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); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _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,
@@ -169,6 +175,7 @@ var Design = /*#__PURE__*/function (_React$Component) {
           model = _this$props6.model,
           classes = _this$props6.classes,
           imageSupport = _this$props6.imageSupport,
+          uploadSoundSupport = _this$props6.uploadSoundSupport,
           onModelChanged = _this$props6.onModelChanged,
           configuration = _this$props6.configuration,
           onConfigurationChanged = _this$props6.onConfigurationChanged;
@@ -200,17 +207,33 @@ var Design = /*#__PURE__*/function (_React$Component) {
           rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
           _ref$scoringType = _ref.scoringType,
           scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
           _ref$highlightChoices = _ref.highlightChoices,
-          highlightChoices = _ref$highlightChoices === void 0 ? {} : _ref$highlightChoices;
+          highlightChoices = _ref$highlightChoices === void 0 ? {} : _ref$highlightChoices,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight;
 
       var _ref2 = model || {},
           teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
           promptEnabled = _ref2.promptEnabled,
           rationaleEnabled = _ref2.rationaleEnabled,
-          feedbackEnabled = _ref2.feedbackEnabled;
+          spellCheckEnabled = _ref2.spellCheckEnabled,
+          feedbackEnabled = _ref2.feedbackEnabled,
+          errors = _ref2.errors;
 
       var toolbarOpts = {};
 
+      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;
+
       switch (model.toolbarEditorPosition) {
         case 'top':
           toolbarOpts.position = 'top';
@@ -243,6 +266,7 @@ var Design = /*#__PURE__*/function (_React$Component) {
               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'])
             }
           }
@@ -258,7 +282,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 +300,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 +318,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
+        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: '40px',
+          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"], {
@@ -334,6 +406,7 @@ exports.Design = Design;
   })
 });
 (0, _defineProperty2["default"])(Design, "defaultProps", {});
+;
 
 var _default = (0, _styles.withStyles)(function (theme) {
   return {
@@ -381,6 +454,16 @@ var _default = (0, _styles.withStyles)(function (theme) {
     },
     numberField: {
       width: '180px'
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
     }
   };
 })(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","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","uploadSoundSupport","configuration","onConfigurationChanged","selections","selectionCount","correctAnswer","studentInstructions","scoringType","spellCheck","highlightChoices","maxImageWidth","maxImageHeight","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","feedbackEnabled","errors","toolbarOpts","tokensError","selectionsError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarEditorPosition","position","tokensModel","Settings","label","Properties","studentInstructionsEnabled","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","whiteSpace","maxWidth","color","padding"],"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 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 => {\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      uploadSoundSupport,\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      spellCheck = {},\n      highlightChoices = {},\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, feedbackEnabled, errors\n    } = model || {};\n    const toolbarOpts = {};\n    const { tokensError, selectionsError } = errors || {};\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\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                spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.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                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\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                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\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                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\n          {text.settings && (\n            <TextField\n              label={text.label}\n              className={classes.input}\n              multiline\n              value={textValue}\n              onChange={this.changeText}\n              spellCheck={spellCheckEnabled}\n            />\n          )}\n\n\n          {tokens.settings && (\n            <InputContainer\n              label={tokens.label || ''}\n              className={classes.tokenizerContainer}\n            >\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: '40px', top: '-3px' }}/>\n              </Tooltip>\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\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};\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: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0'\n  }\n}))(Design);\n"],"file":"design.js"}

package/configure/lib/index.js

@@ -33,13 +33,13 @@ var _defaultConfiguration = _interopRequireDefault(require("./defaultConfigurati
 
 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); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _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 SelectTextConfigure = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(SelectTextConfigure, _HTMLElement);
@@ -60,7 +60,6 @@ var SelectTextConfigure = /*#__PURE__*/function (_HTMLElement) {
     key: "model",
     set: function set(m) {
       this._model = SelectTextConfigure.createDefaultModel(m);
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
       this.render();
     }
   }, {
@@ -107,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() {
@@ -119,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)
           }
         });
 
@@ -135,10 +148,6 @@ exports["default"] = SelectTextConfigure;
 
   var newModel = _objectSpread(_objectSpread({}, _defaultConfiguration["default"].model), model);
 
-  var newText = (0, _utils.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","dispatchEvent","ModelUpdatedEvent","render","c","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,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKP,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKQ,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKP,cAAL,GAAsBO,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaH,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKC,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKP,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKQ,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKP,cAAL,GAAsBO,CAAtB;;AAEA,UAAI,KAAKT,MAAT,EAAiB;AACf,aAAKM,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKP,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKQ,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYE,OAAZ,EAAqB;AACnB,WAAKJ,aAAL,CAAmB,IAAIK,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKP,aAAL,CAAmB,IAAIQ,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,6BAASpB,MAAT,CAAgBO,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA/E8Cc,W;;;iCAA5B9B,mB,wBACS,YAAgB;AAAA,MAAfoB,KAAe,uEAAP,EAAO;;AAC1C,MAAMW,QAAQ,mCACT3B,iCAAcgB,KADL,GAETA,KAFS,CAAd;;AAIA,MAAMY,OAAO,GAAG,wBAAYD,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 './utils';\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.dispatchEvent(new ModelUpdatedEvent(this._model), true);\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

@@ -1,9 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.prepareText = exports.parseParagraphs = exports.parseParagraph = exports.parseBrs = void 0;
+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] : '';
@@ -12,28 +24,16 @@ var createElementFromHTML = function createElementFromHTML() {
   return div;
 };
 
-var parseBrs = function parseBrs(dom) {
-  var brs = dom.querySelectorAll('br');
-  brs.forEach(function (br) {
-    return br.replaceWith('\n');
-  });
-  dom.innerHTML = dom.innerHTML.replace(/\n\n/g, '\n');
-};
-
-exports.parseBrs = parseBrs;
-
 var parseParagraph = function parseParagraph(paragraph, end) {
   if (end) {
     return paragraph.innerHTML;
   }
 
-  return "".concat(paragraph.innerHTML, "\n\n");
+  return ''.concat(paragraph.innerHTML, '\n\n');
 };
 
-exports.parseParagraph = parseParagraph;
-
 var parseParagraphs = function parseParagraphs(dom) {
-  var paragraphs = dom.querySelectorAll('p'); // separate variable for easily debugging, if needed
+  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed
 
   var str = '';
   paragraphs.forEach(function (par, index) {
@@ -42,26 +42,77 @@ var parseParagraphs = function parseParagraphs(dom) {
   return str || null;
 };
 
-exports.parseParagraphs = parseParagraphs;
-
 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 (txtDom.querySelectorAll('p').length === 0) {
-    var div = document.createElement('div');
-    div.innerHTML = "<p>".concat(txtDom.innerHTML, "</p>");
-    txtDom = div;
-  } // if no dom elements, we just return the text
-
-
   if (allDomElements.length === 0) {
     return text;
   }
 
-  parseBrs(txtDom);
   return parseParagraphs(txtDom);
 };
 
-exports.prepareText = prepareText;
+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

package/configure/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","parseBrs","dom","brs","querySelectorAll","forEach","br","replaceWith","replace","parseParagraph","paragraph","end","parseParagraphs","paragraphs","str","par","index","length","prepareText","text","txtDom","allDomElements","Array","from"],"mappings":";;;;;;;AAAA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAqB;AAAA,MAApBC,UAAoB,uEAAP,EAAO;AACjD,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAF,EAAAA,GAAG,CAACG,SAAJ,GAAgBJ,UAAU,CAACK,IAAX,EAAhB;AAEA,SAAOJ,GAAP;AACD,CAND;;AAQO,IAAMK,QAAQ,GAAG,SAAXA,QAAW,CAAAC,GAAG,EAAI;AAC7B,MAAMC,GAAG,GAAGD,GAAG,CAACE,gBAAJ,CAAqB,IAArB,CAAZ;AAEAD,EAAAA,GAAG,CAACE,OAAJ,CAAY,UAAAC,EAAE;AAAA,WAAIA,EAAE,CAACC,WAAH,CAAe,IAAf,CAAJ;AAAA,GAAd;AAEAL,EAAAA,GAAG,CAACH,SAAJ,GAAgBG,GAAG,CAACH,SAAJ,CAAcS,OAAd,CAAsB,OAAtB,EAA+B,IAA/B,CAAhB;AACD,CANM;;;;AAQA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,GAAZ,EAAoB;AAChD,MAAIA,GAAJ,EAAS;AACP,WAAOD,SAAS,CAACX,SAAjB;AACD;;AAED,mBAAUW,SAAS,CAACX,SAApB;AACD,CANM;;;;AAQA,IAAMa,eAAe,GAAG,SAAlBA,eAAkB,CAACV,GAAD,EAAS;AACtC,MAAMW,UAAU,GAAGX,GAAG,CAACE,gBAAJ,CAAqB,GAArB,CAAnB,CADsC,CAEtC;;AACA,MAAIU,GAAG,GAAG,EAAV;AAEAD,EAAAA,UAAU,CAACR,OAAX,CAAmB,UAACU,GAAD,EAAMC,KAAN,EAAgB;AACjCF,IAAAA,GAAG,IAAIL,cAAc,CAACM,GAAD,EAAMC,KAAK,KAAKH,UAAU,CAACI,MAAX,GAAoB,CAApC,CAArB;AACD,GAFD;AAIA,SAAOH,GAAG,IAAI,IAAd;AACD,CAVM;;;;AAYA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAAAC,IAAI,EAAI;AACjC,MAAIC,MAAM,GAAG1B,qBAAqB,CAACyB,IAAD,CAAlC;AACA,MAAME,cAAc,GAAGC,KAAK,CAACC,IAAN,CAAWH,MAAM,CAAChB,gBAAP,CAAwB,GAAxB,CAAX,CAAvB;;AAEA,MAAGgB,MAAM,CAAChB,gBAAP,CAAwB,GAAxB,EAA6Ba,MAA7B,KAAwC,CAA3C,EAA8C;AAC5C,QAAMrB,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAF,IAAAA,GAAG,CAACG,SAAJ,gBAAsBqB,MAAM,CAACrB,SAA7B;AACAqB,IAAAA,MAAM,GAAGxB,GAAT;AACD,GATgC,CAWjC;;;AACA,MAAIyB,cAAc,CAACJ,MAAf,KAA0B,CAA9B,EAAiC;AAC/B,WAAOE,IAAP;AACD;;AAEDlB,EAAAA,QAAQ,CAACmB,MAAD,CAAR;AAEA,SAAOR,eAAe,CAACQ,MAAD,CAAtB;AACD,CAnBM","sourcesContent":["const createElementFromHTML = (htmlString = '') => {\n  const div = document.createElement('div');\n\n  div.innerHTML = htmlString.trim();\n\n  return div;\n};\n\nexport const parseBrs = dom => {\n  const brs = dom.querySelectorAll('br');\n\n  brs.forEach(br => br.replaceWith('\\n'));\n\n  dom.innerHTML = dom.innerHTML.replace(/\\n\\n/g, '\\n');\n};\n\nexport const parseParagraph = (paragraph, end) => {\n  if (end) {\n    return paragraph.innerHTML;\n  }\n\n  return `${paragraph.innerHTML}\\n\\n`;\n};\n\nexport const parseParagraphs = (dom) => {\n  const paragraphs = dom.querySelectorAll('p');\n  // separate variable for easily debugging, if needed\n  let str = '';\n\n  paragraphs.forEach((par, index) => {\n    str += parseParagraph(par, index === paragraphs.length - 1);\n  });\n\n  return str || null;\n};\n\nexport const prepareText = text => {\n  let txtDom = createElementFromHTML(text);\n  const allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n  if(txtDom.querySelectorAll('p').length === 0) {\n    const div = document.createElement('div');\n\n    div.innerHTML = `<p>${txtDom.innerHTML}</p>`;\n    txtDom = div;\n  }\n\n  // if no dom elements, we just return the text\n  if (allDomElements.length === 0) {\n    return text;\n  }\n\n  parseBrs(txtDom);\n\n  return parseParagraphs(txtDom);\n};\n"],"file":"utils.js"}
+{"version":3,"sources":["../src/utils.js"],"names":["createElementFromHTML","htmlString","arguments","length","undefined","div","document","createElement","innerHTML","trim","parseParagraph","paragraph","end","concat","parseParagraphs","dom","paragraphs","querySelectorAll","str","forEach","par","index","prepareText","text","txtDom","allDomElements","Array","from","generateModel","model","modelText","newTokens","tokens","reduce","acc","token","tokenText","slice","start","getStartIndex","newStartIndex","indexOf","lastToken","newStart","newEnd","oldStart","oldEnd","generateValidationMessage","config","minTokens","maxTokens","maxSelections","tokensMessage","selectionsMessage","message"],"mappings":"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","sourcesContent":["import React from 'react';\n\nvar createElementFromHTML = function createElementFromHTML() {\n  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  var div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n  return div;\n};\n\nvar parseParagraph = function parseParagraph(paragraph, end) {\n  if (end) {\n    return paragraph.innerHTML;\n  }\n\n  return ''.concat(paragraph.innerHTML, '\\n\\n');\n};\n\nvar parseParagraphs = function parseParagraphs(dom) {\n  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed\n\n  var str = '';\n  paragraphs.forEach(function (par, index) {\n    str += parseParagraph(par, index === paragraphs.length - 1);\n  });\n  return str || null;\n};\n\nvar prepareText = function prepareText(text) {\n  var txtDom = createElementFromHTML(text);\n\n  var div = document.createElement('div');\n  div.innerHTML = '<div separator=\\'true\\'>'.concat(txtDom.innerHTML, '</div>');\n  txtDom = div;\n\n  var allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n  if (allDomElements.length === 0) {\n    return text;\n  }\n\n  return parseParagraphs(txtDom);\n};\n\nexport const generateModel = model => {\n  if (!model) return model;\n\n  // parsing\n  const modelText = prepareText(model.text || '');\n\n  const newTokens = (model.tokens || []).reduce((acc, token = {}) => {\n    const tokenText = prepareText((model.text || '').slice(token.start, token.end));\n\n    if (!tokenText) {\n      return [...acc, token];\n    }\n\n    const getStartIndex = (start) => {\n      let length = start;\n\n      while (length >= 0) {\n        let newStartIndex = modelText.slice(length).indexOf(tokenText);\n\n        if (newStartIndex >= 0) {\n          return newStartIndex + length;\n        }\n\n        length--;\n      }\n\n      return 0;\n    };\n\n    const lastToken = acc[acc.length - 1];\n    const newStart = getStartIndex(lastToken ? lastToken.end : token.start);\n    const newEnd = newStart + tokenText.length;\n\n    return [\n      ...acc,\n      {\n        ...token,\n        text: tokenText,\n        start: newStart,\n        end: newEnd,\n        // needed for getScore when tokens position is recalculated\n        oldStart: token.start,\n        oldEnd: token.end\n      }\n    ];\n  }, []);\n\n  return {\n    ...model,\n    tokens: newTokens,\n    text: modelText\n  };\n};\n\nexport const generateValidationMessage = config => {\n  const { minTokens, maxTokens, maxSelections } = config;\n\n  const tokensMessage = `\\nThere should be at least ${minTokens} ` +\n    (maxTokens ? `and at most ${maxTokens} ` : '') + 'tokens defined.';\n\n  const selectionsMessage = `\\nThere should be at least 1 ` +\n    (maxSelections ? `and at most ${maxSelections} ` : '') + 'token' +\n    (maxSelections ? 's' : '') +  ' selected.';\n\n  const message = 'Validation requirements:' + tokensMessage + selectionsMessage;\n\n  return message;\n};\n"],"file":"utils.js"}

package/configure/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@pie-element/select-text-configure",
   "private": true,
-  "version": "5.2.2",
+  "version": "6.1.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.2",
-    "@pie-lib/editable-html": "^7.17.2",
-    "@pie-lib/scoring-config": "^3.5.131",
-    "@pie-lib/text-select": "^1.8.4",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "^11.0.19",
+    "@pie-lib/editable-html": "^9.2.2",
+    "@pie-lib/scoring-config": "^3.5.183",
+    "@pie-lib/text-select": "^1.8.26",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",