@pie-element/explicit-constructed-response 7.2.8 → 7.2.9-next.11

package/configure/lib/alternateSection.js

@@ -156,6 +156,8 @@ var Choice = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
+      var _pluginProps$characte;
+
       var value = this.state.value;
       var _this$props = this.props,
           classes = _this$props.classes,
@@ -183,7 +185,12 @@ var Choice = /*#__PURE__*/function (_React$Component) {
         languageCharactersProps: [{
           language: 'spanish'
         }],
-        spellCheck: spellCheck
+        spellCheck: spellCheck,
+        autoWidthToolbar: true,
+        toolbarOpts: {
+          minWidth: 'auto',
+          isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
+        }
       }, inputProps)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         className: classes.deleteBtn,

package/configure/lib/alternateSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/alternateSection.jsx"],"names":["styles","theme","design","marginBottom","spacing","unit","altChoices","alignItems","flexDirection","display","paddingTop","width","choice","flex","marginRight","deleteBtn","fill","palette","grey","selectContainer","justifyContent","rightContainer","lengthField","errorText","fontSize","typography","color","error","main","inputError","border","borderRadius","Choice","value","props","markup","onChange","e","strippedValue","setState","updateText","nextProps","state","classes","onDelete","spellCheck","showMaxLength","pluginProps","inputProps","maxLength","language","React","Component","PropTypes","object","string","func","isRequired","bool","AlternateSection","choices","onSelect","selectChoices","target","find","c","length","label","map","parseInt","filter","id","isNaN","index","choiceChanged","lengthChanged","labelLengthsArr","newLength","Math","max","choiceRemoved","event","numberValue","minLength","getChoicesMaxLength","updateChoicesIfNeeded","errors","select","handleSelect","min","changeLength","addButton","onAddChoice","val","onChoiceChanged","onRemoveChoice","array","number","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport isEqual from 'lodash/isEqual';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport Button from '@material-ui/core/Button';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport TextField from '@material-ui/core/TextField';\nimport { withStyles } from '@material-ui/core/styles';\nimport max from 'lodash/max';\nimport classnames from 'classnames';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { stripHtmlTags, getAdjustedLength } from './markupUtils';\n\nconst styles = (theme) => ({\n  design: {\n    marginBottom: theme.spacing.unit / 2,\n  },\n  altChoices: {\n    alignItems: 'flex-start',\n    flexDirection: 'column',\n    display: 'flex',\n    paddingTop: theme.spacing.unit * 2.5,\n    '& > *': {\n      marginBottom: theme.spacing.unit * 2.5,\n      width: '100%',\n    },\n  },\n  choice: {\n    flex: '1',\n    marginRight: theme.spacing.unit * 2.5,\n  },\n  deleteBtn: {\n    fill: theme.palette.grey[600],\n  },\n  selectContainer: {\n    alignItems: 'flex-end',\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n  },\n  rightContainer: {\n    alignItems: 'center',\n    display: 'flex',\n  },\n  lengthField: {\n    width: '230px',\n    marginRight: theme.spacing.unit * 2.5,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit / 2,\n  },\n  inputError: {\n    border: `2px solid ${theme.palette.error.main}`,\n    borderRadius: '6px',\n  },\n});\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    error: PropTypes.string,\n    markup: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onDelete: PropTypes.func.isRequired,\n    value: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    showMaxLength: PropTypes.bool,\n    pluginProps: PropTypes.object\n  };\n\n  state = {\n    value: this.props.markup,\n  };\n\n  updateText = debounce(this.props.onChange, 300);\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps.markup) {\n      this.setState({ value: nextProps.markup });\n    }\n  }\n\n  onChange = (e) => {\n    const strippedValue = stripHtmlTags(e);\n    this.setState({ value: strippedValue });\n    this.updateText(strippedValue);\n  };\n\n  render() {\n    const { value } = this.state;\n    const { classes, onDelete, spellCheck, error, showMaxLength, pluginProps } = this.props;\n    const inputProps = showMaxLength ? {} : { maxLength: 25 };\n\n    return (\n        <React.Fragment>\n          <div\n              style={{\n                alignItems: 'center',\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n          >\n            <EditableHtml\n                className={classnames(classes.choice, error && classes.inputError)}\n                disableUnderline\n                onChange={this.onChange}\n                markup={value || ''}\n                activePlugins={['languageCharacters']}\n                pluginProps={pluginProps}\n                languageCharactersProps={[{ language: 'spanish' }]}\n                spellCheck={spellCheck}\n                {...inputProps}\n            />\n            <IconButton aria-label=\"delete\" className={classes.deleteBtn} onClick={onDelete}>\n              <Delete />\n            </IconButton>\n          </div>\n          {error && <div className={classes.errorText}>{error}</div>}\n        </React.Fragment>\n    );\n  }\n}\n\nexport class AlternateSection extends React.Component {\n  static propTypes = {\n    choices: PropTypes.array,\n    selectChoices: PropTypes.array.isRequired,\n    classes: PropTypes.object.isRequired,\n    errors: PropTypes.object,\n    onSelect: PropTypes.func.isRequired,\n    choiceChanged: PropTypes.func.isRequired,\n    lengthChanged: PropTypes.func,\n    choiceRemoved: PropTypes.func.isRequired,\n    value: PropTypes.string,\n    maxLength: PropTypes.number,\n    showMaxLength: PropTypes.bool,\n    spellCheck: PropTypes.bool,\n    pluginProps: PropTypes.object\n  };\n\n  state = {};\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.updateChoicesIfNeeded(nextProps);\n  }\n\n  componentDidMount() {\n    this.updateChoicesIfNeeded(this.props);\n  }\n\n  updateChoicesIfNeeded = (props) => {\n    if (\n      !this.state.choices ||\n      !isEqual(props.choices, this.state.choices) ||\n      !isEqual(props.choices, this.props.choices)\n    ) {\n      this.setState({\n        choices: props.choices,\n      });\n    }\n  };\n\n  handleSelect = (e) => {\n    const { onSelect, selectChoices } = this.props;\n    const { value } = e.target;\n\n    onSelect(selectChoices.find((c) => c.value === value));\n  };\n\n  onAddChoice = () => {\n    const { choices } = this.state;\n\n    if (choices.length && choices[choices.length - 1].label !== '') {\n      const value = max(choices.map((c) => parseInt(c.value)).filter((id) => !isNaN(id))) || 0;\n\n      this.setState({\n        choices: [\n          ...choices,\n          {\n            value: `${value + 1}`,\n            label: '',\n          },\n        ],\n      });\n    }\n  };\n\n  onChoiceChanged = (choice, value, index) => {\n    const { choiceChanged, lengthChanged, maxLength, choices } = this.props;\n\n    const labelLengthsArr = choices.map((choice) => (choice.label || '').length);\n    labelLengthsArr[index] = value.length;\n\n    const newLength = Math.max(...labelLengthsArr);\n\n    choiceChanged({\n      ...choice,\n      label: value,\n    });\n\n    if (newLength > maxLength || newLength + 10 <= maxLength) {\n      lengthChanged(getAdjustedLength(newLength));\n    }\n  };\n\n  onRemoveChoice = (choice) => {\n    const { choiceRemoved } = this.props;\n\n    choiceRemoved(choice.value);\n  };\n\n  getChoicesMaxLength = () => {\n    const { choices } = this.state;\n\n    if (!choices) {\n      return 1;\n    }\n\n    const labelLengthsArr = choices.map((choice) => (choice.label || '').length);\n\n    return Math.max(...labelLengthsArr);\n  };\n\n  changeLength = (event) => {\n    const { lengthChanged } = this.props;\n    const numberValue = parseInt(event.target.value, 10);\n    const minLength = this.getChoicesMaxLength();\n\n    if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {\n      lengthChanged(numberValue);\n    }\n  };\n\n  render() {\n    const { classes, selectChoices, maxLength, showMaxLength, value, spellCheck, errors, pluginProps } = this.props;\n    const { choices } = this.state;\n    const minLength = this.getChoicesMaxLength();\n\n    return (\n      <div className={classes.design}>\n        <div className={classes.selectContainer}>\n          <Select\n            className={classes.select}\n            displayEmpty\n            onChange={this.handleSelect}\n            value={value || ''}\n            readOnly={showMaxLength}\n          >\n            <MenuItem value=\"\">\n              <em>{value ? 'Remove selection' : 'Select a response'}</em>\n            </MenuItem>\n            {selectChoices.map((c, index) => (\n              <MenuItem key={index} value={c?.value}>\n                {c?.label}\n              </MenuItem>\n            ))}\n          </Select>\n\n          {choices && choices.length > 0 && (\n            <div className={classes.rightContainer}>\n              {maxLength && showMaxLength && (\n                <TextField\n                  className={classes.lengthField}\n                  label=\"Maximum length (characters)\"\n                  type=\"number\"\n                  inputProps={{\n                    min: minLength,\n                    max: minLength + 10,\n                  }}\n                  value={maxLength}\n                  onChange={this.changeLength}\n                />\n              )}\n              <Button className={classes.addButton} variant=\"contained\" color=\"primary\" onClick={this.onAddChoice}>\n                Add\n              </Button>\n            </div>\n          )}\n        </div>\n        {errors && errors[0] && <div className={classes.errorText}>{errors[0]}</div>}\n\n        <div className={classes.altChoices}>\n          {choices &&\n            choices.map(\n              (c, index) =>\n                index > 0 && (\n                  <Choice\n                    key={index}\n                    classes={classes}\n                    markup={c.label}\n                    onChange={(val) => this.onChoiceChanged(c, val, index)}\n                    onDelete={() => this.onRemoveChoice(c)}\n                    spellCheck={spellCheck}\n                    error={errors && errors[index]}\n                    showMaxLength={showMaxLength}\n                    pluginProps={pluginProps}\n                  />\n                ),\n            )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(AlternateSection);\n\nexport default Styled;\n"],"file":"alternateSection.js"}
+{"version":3,"sources":["../src/alternateSection.jsx"],"names":["styles","theme","design","marginBottom","spacing","unit","altChoices","alignItems","flexDirection","display","paddingTop","width","choice","flex","marginRight","deleteBtn","fill","palette","grey","selectContainer","justifyContent","rightContainer","lengthField","errorText","fontSize","typography","color","error","main","inputError","border","borderRadius","Choice","value","props","markup","onChange","e","strippedValue","setState","updateText","nextProps","state","classes","onDelete","spellCheck","showMaxLength","pluginProps","inputProps","maxLength","language","minWidth","isHidden","characters","disabled","React","Component","PropTypes","object","string","func","isRequired","bool","AlternateSection","choices","onSelect","selectChoices","target","find","c","length","label","map","parseInt","filter","id","isNaN","index","choiceChanged","lengthChanged","labelLengthsArr","newLength","Math","max","choiceRemoved","event","numberValue","minLength","getChoicesMaxLength","updateChoicesIfNeeded","errors","select","handleSelect","min","changeLength","addButton","onAddChoice","val","onChoiceChanged","onRemoveChoice","array","number","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport isEqual from 'lodash/isEqual';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport Button from '@material-ui/core/Button';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport TextField from '@material-ui/core/TextField';\nimport { withStyles } from '@material-ui/core/styles';\nimport max from 'lodash/max';\nimport classnames from 'classnames';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { stripHtmlTags, getAdjustedLength } from './markupUtils';\n\nconst styles = (theme) => ({\n  design: {\n    marginBottom: theme.spacing.unit / 2,\n  },\n  altChoices: {\n    alignItems: 'flex-start',\n    flexDirection: 'column',\n    display: 'flex',\n    paddingTop: theme.spacing.unit * 2.5,\n    '& > *': {\n      marginBottom: theme.spacing.unit * 2.5,\n      width: '100%',\n    },\n  },\n  choice: {\n    flex: '1',\n    marginRight: theme.spacing.unit * 2.5,\n  },\n  deleteBtn: {\n    fill: theme.palette.grey[600],\n  },\n  selectContainer: {\n    alignItems: 'flex-end',\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n  },\n  rightContainer: {\n    alignItems: 'center',\n    display: 'flex',\n  },\n  lengthField: {\n    width: '230px',\n    marginRight: theme.spacing.unit * 2.5,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit / 2,\n  },\n  inputError: {\n    border: `2px solid ${theme.palette.error.main}`,\n    borderRadius: '6px',\n  },\n});\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    error: PropTypes.string,\n    markup: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onDelete: PropTypes.func.isRequired,\n    value: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    showMaxLength: PropTypes.bool,\n    pluginProps: PropTypes.object\n  };\n\n  state = {\n    value: this.props.markup,\n  };\n\n  updateText = debounce(this.props.onChange, 300);\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps.markup) {\n      this.setState({ value: nextProps.markup });\n    }\n  }\n\n  onChange = (e) => {\n    const strippedValue = stripHtmlTags(e);\n    this.setState({ value: strippedValue });\n    this.updateText(strippedValue);\n  };\n\n  render() {\n    const { value } = this.state;\n    const { classes, onDelete, spellCheck, error, showMaxLength, pluginProps } = this.props;\n    const inputProps = showMaxLength ? {} : { maxLength: 25 };\n\n    return (\n        <React.Fragment>\n          <div\n              style={{\n                alignItems: 'center',\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n          >\n            <EditableHtml\n                className={classnames(classes.choice, error && classes.inputError)}\n                disableUnderline\n                onChange={this.onChange}\n                markup={value || ''}\n                activePlugins={['languageCharacters']}\n                pluginProps={pluginProps}\n                languageCharactersProps={[{ language: 'spanish' }]}\n                spellCheck={spellCheck}\n                autoWidthToolbar\n                toolbarOpts={{\n                  minWidth: 'auto',\n                  isHidden: !!pluginProps?.characters?.disabled\n                }}\n                {...inputProps}\n            />\n            <IconButton aria-label=\"delete\" className={classes.deleteBtn} onClick={onDelete}>\n              <Delete />\n            </IconButton>\n          </div>\n          {error && <div className={classes.errorText}>{error}</div>}\n        </React.Fragment>\n    );\n  }\n}\n\nexport class AlternateSection extends React.Component {\n  static propTypes = {\n    choices: PropTypes.array,\n    selectChoices: PropTypes.array.isRequired,\n    classes: PropTypes.object.isRequired,\n    errors: PropTypes.object,\n    onSelect: PropTypes.func.isRequired,\n    choiceChanged: PropTypes.func.isRequired,\n    lengthChanged: PropTypes.func,\n    choiceRemoved: PropTypes.func.isRequired,\n    value: PropTypes.string,\n    maxLength: PropTypes.number,\n    showMaxLength: PropTypes.bool,\n    spellCheck: PropTypes.bool,\n    pluginProps: PropTypes.object\n  };\n\n  state = {};\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.updateChoicesIfNeeded(nextProps);\n  }\n\n  componentDidMount() {\n    this.updateChoicesIfNeeded(this.props);\n  }\n\n  updateChoicesIfNeeded = (props) => {\n    if (\n      !this.state.choices ||\n      !isEqual(props.choices, this.state.choices) ||\n      !isEqual(props.choices, this.props.choices)\n    ) {\n      this.setState({\n        choices: props.choices,\n      });\n    }\n  };\n\n  handleSelect = (e) => {\n    const { onSelect, selectChoices } = this.props;\n    const { value } = e.target;\n\n    onSelect(selectChoices.find((c) => c.value === value));\n  };\n\n  onAddChoice = () => {\n    const { choices } = this.state;\n\n    if (choices.length && choices[choices.length - 1].label !== '') {\n      const value = max(choices.map((c) => parseInt(c.value)).filter((id) => !isNaN(id))) || 0;\n\n      this.setState({\n        choices: [\n          ...choices,\n          {\n            value: `${value + 1}`,\n            label: '',\n          },\n        ],\n      });\n    }\n  };\n\n  onChoiceChanged = (choice, value, index) => {\n    const { choiceChanged, lengthChanged, maxLength, choices } = this.props;\n\n    const labelLengthsArr = choices.map((choice) => (choice.label || '').length);\n    labelLengthsArr[index] = value.length;\n\n    const newLength = Math.max(...labelLengthsArr);\n\n    choiceChanged({\n      ...choice,\n      label: value,\n    });\n\n    if (newLength > maxLength || newLength + 10 <= maxLength) {\n      lengthChanged(getAdjustedLength(newLength));\n    }\n  };\n\n  onRemoveChoice = (choice) => {\n    const { choiceRemoved } = this.props;\n\n    choiceRemoved(choice.value);\n  };\n\n  getChoicesMaxLength = () => {\n    const { choices } = this.state;\n\n    if (!choices) {\n      return 1;\n    }\n\n    const labelLengthsArr = choices.map((choice) => (choice.label || '').length);\n\n    return Math.max(...labelLengthsArr);\n  };\n\n  changeLength = (event) => {\n    const { lengthChanged } = this.props;\n    const numberValue = parseInt(event.target.value, 10);\n    const minLength = this.getChoicesMaxLength();\n\n    if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {\n      lengthChanged(numberValue);\n    }\n  };\n\n  render() {\n    const { classes, selectChoices, maxLength, showMaxLength, value, spellCheck, errors, pluginProps } = this.props;\n    const { choices } = this.state;\n    const minLength = this.getChoicesMaxLength();\n\n    return (\n      <div className={classes.design}>\n        <div className={classes.selectContainer}>\n          <Select\n            className={classes.select}\n            displayEmpty\n            onChange={this.handleSelect}\n            value={value || ''}\n            readOnly={showMaxLength}\n          >\n            <MenuItem value=\"\">\n              <em>{value ? 'Remove selection' : 'Select a response'}</em>\n            </MenuItem>\n            {selectChoices.map((c, index) => (\n              <MenuItem key={index} value={c?.value}>\n                {c?.label}\n              </MenuItem>\n            ))}\n          </Select>\n\n          {choices && choices.length > 0 && (\n            <div className={classes.rightContainer}>\n              {maxLength && showMaxLength && (\n                <TextField\n                  className={classes.lengthField}\n                  label=\"Maximum length (characters)\"\n                  type=\"number\"\n                  inputProps={{\n                    min: minLength,\n                    max: minLength + 10,\n                  }}\n                  value={maxLength}\n                  onChange={this.changeLength}\n                />\n              )}\n              <Button className={classes.addButton} variant=\"contained\" color=\"primary\" onClick={this.onAddChoice}>\n                Add\n              </Button>\n            </div>\n          )}\n        </div>\n        {errors && errors[0] && <div className={classes.errorText}>{errors[0]}</div>}\n\n        <div className={classes.altChoices}>\n          {choices &&\n            choices.map(\n              (c, index) =>\n                index > 0 && (\n                  <Choice\n                    key={index}\n                    classes={classes}\n                    markup={c.label}\n                    onChange={(val) => this.onChoiceChanged(c, val, index)}\n                    onDelete={() => this.onRemoveChoice(c)}\n                    spellCheck={spellCheck}\n                    error={errors && errors[index]}\n                    showMaxLength={showMaxLength}\n                    pluginProps={pluginProps}\n                  />\n                ),\n            )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(AlternateSection);\n\nexport default Styled;\n"],"file":"alternateSection.js"}

package/configure/lib/ecr-toolbar.js

@@ -126,7 +126,7 @@ var ECRToolbar = /*#__PURE__*/function (_React$Component) {
           markup: choice.label,
           toolbarStyle: {
             position: 'absolute',
-            top: "".concat(top + domNodeRect.height + 20, "px"),
+            top: "".concat(top + domNodeRect.height + 17, "px"),
             left: "".concat(left + 20, "px"),
             width: "".concat(domNodeRect.width - 4, "px")
           }
@@ -136,7 +136,8 @@ var ECRToolbar = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this2 = this,
+          _pluginProps$characte;
 
       var _this$props3 = this.props,
           classes = _this$props3.classes,
@@ -181,11 +182,13 @@ var ECRToolbar = /*#__PURE__*/function (_React$Component) {
         languageCharactersProps: [{
           language: 'spanish'
         }],
-        minHeight: '10px',
-        maxHeight: '10px',
+        minHeight: '15px',
+        maxHeight: '15px',
         spellCheck: spellCheck,
+        autoWidthToolbar: true,
         toolbarOpts: {
-          minWidth: 'auto'
+          minWidth: 'auto',
+          isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
         }
       }, inputProps)));
     }
@@ -216,7 +219,7 @@ var StyledECRToolbar = (0, _styles.withStyles)(function (theme) {
     markup: {
       backgroundColor: theme.palette.common.white,
       outline: 'none',
-      lineHeight: '10px'
+      lineHeight: '15px'
     }
   };
 })(ECRToolbar);

package/configure/lib/ecr-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ecr-toolbar.jsx"],"names":["findSlateNode","key","window","document","querySelector","ECRToolbar","markup","toolbarStyle","props","node","value","onToolbarDone","onChangeResponse","sanitizedMarkup","setState","updatedData","data","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","respAreaMarkup","event","clickedInside","correctChoice","choice","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","top","left","label","position","height","width","classes","maxLengthPerChoiceEnabled","pluginProps","spellCheck","state","inputProps","maxLength","preventDone","onRespAreaChange","val","onDone","e","relatedTarget","onBlur","onKeyDown","language","minWidth","React","Component","PropTypes","object","func","isRequired","shape","bool","StyledECRToolbar","theme","backgroundColor","palette","common","white","outline","lineHeight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { stripHtmlTags } from './markupUtils';\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nexport class ECRToolbar extends React.Component {\n  static propTypes = {\n    correctChoice: PropTypes.object,\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    onDone: PropTypes.func,\n    onChangeResponse: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    maxLengthPerChoiceEnabled: PropTypes.bool,\n    pluginProps: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n    state = {\n        markup: '',\n        toolbarStyle: {},\n    };\n\n  componentDidMount() {\n    const { correctChoice, node } = this.props;\n    const choice = correctChoice || {};\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        markup: choice.label,\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 20}px`,\n          left: `${left + 20}px`,\n          width: `${domNodeRect.width - 4}px`,\n        },\n      });\n    }\n  }\n\n    onDone = (markup) => {\n        const { node, value, onToolbarDone, onChangeResponse } = this.props;\n        const sanitizedMarkup = stripHtmlTags(markup);\n        this.setState({ markup: sanitizedMarkup });\n\n        const updatedData = { ...node.data.toJSON(), value: sanitizedMarkup };\n        const change = value.change().setNodeByKey(node.key, { data: updatedData });\n        const nextText = value.document.getNextText(node.key);\n\n        change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n        onToolbarDone(change, true);\n        onChangeResponse(sanitizedMarkup);\n    };\n\n    onRespAreaChange = (respAreaMarkup) => {\n        this.setState({ respAreaMarkup });\n    };\n\n    onKeyDown = (event) => {\n        if (event.key === 'Enter') {\n            return false;\n        }\n    };\n\n    onBlur = () => {\n        if (this.clickedInside) {\n            this.clickedInside = false;\n        }\n    };\n\n    render() {\n        const { classes, maxLengthPerChoiceEnabled, pluginProps, spellCheck } = this.props;\n        const { markup, toolbarStyle } = this.state;\n        const inputProps = maxLengthPerChoiceEnabled ? {} : { maxLength: 25 };\n\n        return (\n            <div style={toolbarStyle}>\n                <EditableHtml\n                    autoFocus={true}\n                    className={classes.markup}\n                    disableUnderline\n                    onChange={(respAreaMarkup) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onRespAreaChange(respAreaMarkup);\n                    }}\n                    onDone={(val) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onDone(val);\n                    }}\n                    onBlur={(e) => {\n                        this.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n                        this.onBlur(e);\n                    }}\n                    onKeyDown={this.onKeyDown}\n                    markup={markup || ''}\n                    activePlugins={['languageCharacters']}\n                    pluginProps={pluginProps}\n                    languageCharactersProps={[{ language: 'spanish' }]}\n                    minHeight={'10px'}\n                    maxHeight={'10px'}\n                    spellCheck={spellCheck}\n                    toolbarOpts={{\n                        minWidth: 'auto'\n                    }}\n                    {...inputProps}\n                />\n            </div>\n        );\n    }\n}\n\nconst StyledECRToolbar = withStyles((theme) => ({\n    markup: {\n        backgroundColor: theme.palette.common.white,\n        outline: 'none',\n        lineHeight: '10px'\n    },\n}))(ECRToolbar);\n\nexport default StyledECRToolbar;\n"],"file":"ecr-toolbar.js"}
+{"version":3,"sources":["../src/ecr-toolbar.jsx"],"names":["findSlateNode","key","window","document","querySelector","ECRToolbar","markup","toolbarStyle","props","node","value","onToolbarDone","onChangeResponse","sanitizedMarkup","setState","updatedData","data","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","respAreaMarkup","event","clickedInside","correctChoice","choice","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","top","left","label","position","height","width","classes","maxLengthPerChoiceEnabled","pluginProps","spellCheck","state","inputProps","maxLength","preventDone","onRespAreaChange","val","onDone","e","relatedTarget","onBlur","onKeyDown","language","minWidth","isHidden","characters","disabled","React","Component","PropTypes","object","func","isRequired","shape","bool","StyledECRToolbar","theme","backgroundColor","palette","common","white","outline","lineHeight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { stripHtmlTags } from './markupUtils';\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nexport class ECRToolbar extends React.Component {\n  static propTypes = {\n    correctChoice: PropTypes.object,\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    onDone: PropTypes.func,\n    onChangeResponse: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    maxLengthPerChoiceEnabled: PropTypes.bool,\n    pluginProps: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n    state = {\n        markup: '',\n        toolbarStyle: {},\n    };\n\n  componentDidMount() {\n    const { correctChoice, node } = this.props;\n    const choice = correctChoice || {};\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        markup: choice.label,\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 17}px`,\n          left: `${left + 20}px`,\n          width: `${domNodeRect.width - 4}px`,\n        },\n      });\n    }\n  }\n\n    onDone = (markup) => {\n        const { node, value, onToolbarDone, onChangeResponse } = this.props;\n        const sanitizedMarkup = stripHtmlTags(markup);\n        this.setState({ markup: sanitizedMarkup });\n\n        const updatedData = { ...node.data.toJSON(), value: sanitizedMarkup };\n        const change = value.change().setNodeByKey(node.key, { data: updatedData });\n        const nextText = value.document.getNextText(node.key);\n\n        change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n        onToolbarDone(change, true);\n        onChangeResponse(sanitizedMarkup);\n    };\n\n    onRespAreaChange = (respAreaMarkup) => {\n        this.setState({ respAreaMarkup });\n    };\n\n    onKeyDown = (event) => {\n        if (event.key === 'Enter') {\n            return false;\n        }\n    };\n\n    onBlur = () => {\n        if (this.clickedInside) {\n            this.clickedInside = false;\n        }\n    };\n\n    render() {\n        const { classes, maxLengthPerChoiceEnabled, pluginProps, spellCheck } = this.props;\n        const { markup, toolbarStyle } = this.state;\n        const inputProps = maxLengthPerChoiceEnabled ? {} : { maxLength: 25 };\n\n        return (\n            <div style={toolbarStyle}>\n                <EditableHtml\n                    autoFocus={true}\n                    className={classes.markup}\n                    disableUnderline\n                    onChange={(respAreaMarkup) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onRespAreaChange(respAreaMarkup);\n                    }}\n                    onDone={(val) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onDone(val);\n                    }}\n                    onBlur={(e) => {\n                        this.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n                        this.onBlur(e);\n                    }}\n                    onKeyDown={this.onKeyDown}\n                    markup={markup || ''}\n                    activePlugins={['languageCharacters']}\n                    pluginProps={pluginProps}\n                    languageCharactersProps={[{ language: 'spanish' }]}\n                    minHeight={'15px'}\n                    maxHeight={'15px'}\n                    spellCheck={spellCheck}\n                    autoWidthToolbar\n                    toolbarOpts={{\n                        minWidth: 'auto',\n                        isHidden: !!pluginProps?.characters?.disabled\n                }}\n                    {...inputProps}\n                />\n            </div>\n        );\n    }\n}\n\nconst StyledECRToolbar = withStyles((theme) => ({\n    markup: {\n        backgroundColor: theme.palette.common.white,\n        outline: 'none',\n        lineHeight: '15px'\n    },\n}))(ECRToolbar);\n\nexport default StyledECRToolbar;\n"],"file":"ecr-toolbar.js"}

package/module/configure.js

@@ -9043,7 +9043,7 @@ const require$$12$9 = _dll_pie_lib__pie_toolbox_editable_html;
             markup: choice.label,
             toolbarStyle: {
               position: 'absolute',
-              top: ("").concat(top + domNodeRect.height + 20, "px"),
+              top: ("").concat(top + domNodeRect.height + 17, "px"),
               left: ("").concat(left + 20, "px"),
               width: ("").concat(domNodeRect.width - 4, "px")
             }
@@ -9053,7 +9053,7 @@ const require$$12$9 = _dll_pie_lib__pie_toolbox_editable_html;
     }, {
       key: "render",
       value: function render() {
-        var _this2 = this;
+        var _this2 = this, _pluginProps$characte;
         var _this$props3 = this.props, classes = _this$props3.classes, maxLengthPerChoiceEnabled = _this$props3.maxLengthPerChoiceEnabled, pluginProps = _this$props3.pluginProps, spellCheck = _this$props3.spellCheck;
         var _this$state = this.state, markup = _this$state.markup, toolbarStyle = _this$state.toolbarStyle;
         var inputProps = maxLengthPerChoiceEnabled ? {} : {
@@ -9088,11 +9088,13 @@ const require$$12$9 = _dll_pie_lib__pie_toolbox_editable_html;
           languageCharactersProps: [{
             language: 'spanish'
           }],
-          minHeight: '10px',
-          maxHeight: '10px',
+          minHeight: '15px',
+          maxHeight: '15px',
           spellCheck: spellCheck,
+          autoWidthToolbar: true,
           toolbarOpts: {
-            minWidth: 'auto'
+            minWidth: 'auto',
+            isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
           }
         }, inputProps)));
       }
@@ -9122,7 +9124,7 @@ const require$$12$9 = _dll_pie_lib__pie_toolbox_editable_html;
       markup: {
         backgroundColor: theme.palette.common.white,
         outline: 'none',
-        lineHeight: '10px'
+        lineHeight: '15px'
       }
     };
   })(ECRToolbar);
@@ -15786,6 +15788,7 @@ const require$$24 = _dll_pie_lib__pie_toolbox_editable_html;
     }, {
       key: "render",
       value: function render() {
+        var _pluginProps$characte;
         var value = this.state.value;
         var _this$props = this.props, classes = _this$props.classes, onDelete = _this$props.onDelete, spellCheck = _this$props.spellCheck, error = _this$props.error, showMaxLength = _this$props.showMaxLength, pluginProps = _this$props.pluginProps;
         var inputProps = showMaxLength ? {} : {
@@ -15807,7 +15810,12 @@ const require$$24 = _dll_pie_lib__pie_toolbox_editable_html;
           languageCharactersProps: [{
             language: 'spanish'
           }],
-          spellCheck: spellCheck
+          spellCheck: spellCheck,
+          autoWidthToolbar: true,
+          toolbarOpts: {
+            minWidth: 'auto',
+            isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
+          }
         }, inputProps)), _react["default"].createElement(_IconButton["default"], {
           "aria-label": "delete",
           className: classes.deleteBtn,

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@7.2.7</title>
+      <title>@pie-element/explicit-constructed-response@7.2.8</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response",
-  "version": "7.2.7",
+  "version": "7.2.8",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@7.2.7</title>
+      <title>@pie-element/explicit-constructed-response@7.2.8</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.2.8",
+  "version": "7.2.9-next.11+c23e9dc7e",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "19b3b37c915a47aaf968beda4a512fcac653f459",
+  "gitHead": "c23e9dc7e74e888945758da1da03b7c7c5ba1e22",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {