@pie-element/explicit-constructed-response 11.2.2-beta.7 → 11.2.2-beta.9

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.2.2-beta.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@11.2.2-beta.8...@pie-element/explicit-constructed-response@11.2.2-beta.9) (2026-10-05)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response
+
+## [11.2.2-beta.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@11.2.2-beta.7...@pie-element/explicit-constructed-response@11.2.2-beta.8) (2026-09-29)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response
+
 ## [11.2.2-beta.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@11.2.2-beta.6...@pie-element/explicit-constructed-response@11.2.2-beta.7) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/explicit-constructed-response

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.4.0-beta.15](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@10.4.0-beta.14...@pie-element/explicit-constructed-response-configure@10.4.0-beta.15) (2026-10-05)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+# [10.4.0-beta.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@10.4.0-beta.13...@pie-element/explicit-constructed-response-configure@10.4.0-beta.14) (2026-09-29)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
 # [10.4.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@10.4.0-beta.12...@pie-element/explicit-constructed-response-configure@10.4.0-beta.13) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/explicit-constructed-response-configure

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "10.4.0-beta.13",
+  "version": "10.4.0-beta.15",
   "private": true,
   "main": "lib/index.js",
   "modue": "src/index.js",
@@ -10,8 +10,8 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "13.0.22-beta.2",
-    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.2",
+    "@pie-lib/config-ui": "13.0.22-beta.4",
+    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.4",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0-beta.15](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@8.4.0-beta.14...@pie-element/explicit-constructed-response-controller@8.4.0-beta.15) (2026-10-05)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-controller
+
+# [8.4.0-beta.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@8.4.0-beta.13...@pie-element/explicit-constructed-response-controller@8.4.0-beta.14) (2026-09-29)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-controller
+
 # [8.4.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@8.4.0-beta.12...@pie-element/explicit-constructed-response-controller@8.4.0-beta.13) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/explicit-constructed-response-controller

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/explicit-constructed-response-controller",
   "private": true,
-  "version": "8.4.0-beta.13",
+  "version": "8.4.0-beta.15",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "11.2.2-beta.7",
+  "version": "11.2.2-beta.9",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -16,7 +16,7 @@
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/correct-answer-toggle": "4.0.5",
-    "@pie-lib/mask-markup": "3.1.6-beta.2",
+    "@pie-lib/mask-markup": "3.1.6-beta.4",
     "@pie-lib/math-rendering": "5.1.0",
     "@pie-lib/render-ui": "6.1.3",
     "@pie-lib/translator": "4.0.2",
@@ -29,7 +29,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "5f941f4fe6387747a9a7465feaff7f6e54c1ed29",
+  "gitHead": "32a5f5323ce51e20c15145518e8f6e45f2a87cf2",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {

package/configure/lib/alternateResponses.js

@@ -1,199 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AlternateResponses = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _lodashEs = require("lodash-es");
-var _alternateSection = _interopRequireDefault(require("./alternateSection"));
-class AlternateResponses extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "state", {
-      maxLengthPerChoice: (0, _lodashEs.cloneDeep)(this.props.model.maxLengthPerChoice)
-    });
-    (0, _defineProperty2.default)(this, "updateChoicesIfNeeded", props => {
-      if (!this.state.choices || !(0, _lodashEs.isEqual)(this.state.choices, props.model.choices) || !(0, _lodashEs.isEqual)(props.model.choices, this.props.model.choices) || this.state.values && Object.keys(this.state.values).length !== Object.keys(this.props.model.choices).length || props.maxLengthPerChoiceEnabled !== this.props.maxLengthPerChoiceEnabled) {
-        const {
-          choices,
-          maxLengthPerChoice
-        } = props.model;
-        const selectedValues = (0, _lodashEs.reduce)(choices, (obj, c, key) => {
-          // if maxLengthPerChoiceEnabled is true, we display all the choices
-          if (c && (props.maxLengthPerChoiceEnabled || c.length > 1)) {
-            obj[key] = c[0];
-          }
-          return obj;
-        }, {});
-        this.setState({
-          choices: props.model.choices,
-          values: selectedValues,
-          maxLengthPerChoice: (0, _lodashEs.cloneDeep)(maxLengthPerChoice)
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "getRemainingChoices", valueKey => {
-      const {
-        choices
-      } = this.state;
-      return (0, _lodashEs.reduce)(choices, (arr, c, key) => {
-        if (c && c.length === 1 && !valueKey) {
-          arr.push({
-            label: c[0].label,
-            value: key
-          });
-        }
-        return arr;
-      }, []);
-    });
-    (0, _defineProperty2.default)(this, "onChoiceChanged", (choice, key) => {
-      const {
-        onChange
-      } = this.props;
-      const {
-        choices
-      } = this.state;
-      const sectionChoices = choices[key] || [];
-      const isNew = !sectionChoices.find(c => c.value === choice.value);
-      const newChoices = sectionChoices.reduce((arr, c) => {
-        const newVal = c.value === choice.value ? choice : c;
-        arr.push(newVal);
-        return arr;
-      }, []);
-      if (isNew) {
-        newChoices.push(choice);
-      }
-      onChange({
-        ...choices,
-        [key]: newChoices
-      });
-    });
-    (0, _defineProperty2.default)(this, "onChoiceRemoved", (value, section) => {
-      const {
-        onChange
-      } = this.props;
-      const {
-        choices
-      } = this.state;
-      const sectionChoices = choices[section] || [];
-      const newChoices = sectionChoices.reduce((arr, c) => {
-        if (c.value === value) {
-          return arr;
-        }
-        arr.push(c);
-        return arr;
-      }, []);
-      onChange({
-        ...choices,
-        [section]: newChoices
-      });
-    });
-    (0, _defineProperty2.default)(this, "onSectionSelect", (choice, key) => {
-      const {
-        onChange
-      } = this.props;
-      const {
-        choices,
-        values
-      } = this.state;
-      if (choices[key] && choices[key].length > 1) {
-        if (!choice) {
-          onChange({
-            ...choices,
-            [key]: [choices[key][0]]
-          });
-        }
-      } else {
-        this.setState({
-          choices: {
-            ...choices,
-            [key]: [...choices[key], {
-              label: '',
-              value: '1'
-            }]
-          },
-          values: {
-            ...values,
-            [key]: choices[key][0]
-          }
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "onLengthChanged", (value, key) => {
-      const {
-        model,
-        onLengthChange
-      } = this.props;
-      const {
-        maxLengthPerChoice
-      } = model;
-      maxLengthPerChoice[key] = value;
-      onLengthChange(maxLengthPerChoice);
-    });
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    this.updateChoicesIfNeeded(nextProps);
-  }
-  componentDidMount() {
-    this.updateChoicesIfNeeded(this.props);
-  }
-  render() {
-    const {
-      choices
-    } = this.state;
-    const {
-      model: {
-        maxLengthPerChoice,
-        maxLengthPerChoiceEnabled
-      },
-      spellCheck,
-      choicesErrors,
-      pluginProps
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", null, (0, _lodashEs.map)(choices, (c, key) => {
-      // if maxLengthPerChoiceEnabled is true, we display all the choices
-      if (c && (maxLengthPerChoiceEnabled || c.length > 1)) {
-        const selected = this.state.values[key];
-        return /*#__PURE__*/_react.default.createElement(_alternateSection.default, {
-          key: key,
-          value: selected && selected.value,
-          errors: choicesErrors && choicesErrors[key],
-          onSelect: choice => this.onSectionSelect(choice, key),
-          choiceChanged: choice => this.onChoiceChanged(choice, key),
-          choiceRemoved: value => this.onChoiceRemoved(value, key),
-          lengthChanged: value => this.onLengthChanged(value, key),
-          selectChoices: [selected],
-          choices: c,
-          maxLength: maxLengthPerChoice[key],
-          showMaxLength: maxLengthPerChoiceEnabled,
-          spellCheck: spellCheck,
-          pluginProps: pluginProps
-        });
-      }
-    }), choices && Object.keys(this.state.values).length !== Object.keys(choices).length && /*#__PURE__*/_react.default.createElement(_alternateSection.default, {
-      value: "",
-      onSelect: choice => this.onSectionSelect(choice, choice.value),
-      choiceChanged: choice => this.onChoiceChanged(choice),
-      choiceRemoved: value => this.onChoiceRemoved(value),
-      selectChoices: this.getRemainingChoices(),
-      spellCheck: spellCheck,
-      pluginProps: pluginProps
-    }));
-  }
-}
-exports.AlternateResponses = AlternateResponses;
-(0, _defineProperty2.default)(AlternateResponses, "propTypes", {
-  choicesErrors: _propTypes.default.object,
-  model: _propTypes.default.object.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  onLengthChange: _propTypes.default.func.isRequired,
-  maxLengthPerChoiceEnabled: _propTypes.default.bool.isRequired,
-  spellCheck: _propTypes.default.bool,
-  pluginProps: _propTypes.default.object
-});
-var _default = exports.default = AlternateResponses;
-//# sourceMappingURL=alternateResponses.js.map

package/configure/lib/alternateResponses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alternateResponses.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodashEs","_alternateSection","AlternateResponses","React","Component","constructor","args","_defineProperty2","default","maxLengthPerChoice","cloneDeep","props","model","state","choices","isEqual","values","Object","keys","length","maxLengthPerChoiceEnabled","selectedValues","reduce","obj","c","key","setState","valueKey","arr","push","label","value","choice","onChange","sectionChoices","isNew","find","newChoices","newVal","section","onLengthChange","UNSAFE_componentWillReceiveProps","nextProps","updateChoicesIfNeeded","componentDidMount","render","spellCheck","choicesErrors","pluginProps","createElement","map","selected","errors","onSelect","onSectionSelect","choiceChanged","onChoiceChanged","choiceRemoved","onChoiceRemoved","lengthChanged","onLengthChanged","selectChoices","maxLength","showMaxLength","getRemainingChoices","exports","PropTypes","object","isRequired","func","bool","_default"],"sources":["../src/alternateResponses.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { cloneDeep, isEqual, map, reduce } from 'lodash-es';\n\nimport AlternateSection from './alternateSection';\n\nexport class AlternateResponses extends React.Component {\n  static propTypes = {\n    choicesErrors: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onLengthChange: PropTypes.func.isRequired,\n    maxLengthPerChoiceEnabled: PropTypes.bool.isRequired,\n    spellCheck: PropTypes.bool,\n    pluginProps: PropTypes.object,\n  };\n\n  state = { maxLengthPerChoice: cloneDeep(this.props.model.maxLengthPerChoice) };\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(this.state.choices, props.model.choices) ||\n      !isEqual(props.model.choices, this.props.model.choices) ||\n      (this.state.values && Object.keys(this.state.values).length !== Object.keys(this.props.model.choices).length) ||\n      props.maxLengthPerChoiceEnabled !== this.props.maxLengthPerChoiceEnabled\n    ) {\n      const { choices, maxLengthPerChoice } = props.model;\n\n      const selectedValues = reduce(\n        choices,\n        (obj, c, key) => {\n          // if maxLengthPerChoiceEnabled is true, we display all the choices\n          if (c && (props.maxLengthPerChoiceEnabled || c.length > 1)) {\n            obj[key] = c[0];\n          }\n\n          return obj;\n        },\n        {},\n      );\n\n      this.setState({\n        choices: props.model.choices,\n        values: selectedValues,\n        maxLengthPerChoice: cloneDeep(maxLengthPerChoice),\n      });\n    }\n  };\n\n  getRemainingChoices = (valueKey) => {\n    const { choices } = this.state;\n\n    return reduce(\n      choices,\n      (arr, c, key) => {\n        if (c && c.length === 1 && !valueKey) {\n          arr.push({\n            label: c[0].label,\n            value: key,\n          });\n        }\n\n        return arr;\n      },\n      [],\n    );\n  };\n\n  onChoiceChanged = (choice, key) => {\n    const { onChange } = this.props;\n    const { choices } = this.state;\n    const sectionChoices = choices[key] || [];\n\n    const isNew = !sectionChoices.find((c) => c.value === choice.value);\n\n    const newChoices = sectionChoices.reduce((arr, c) => {\n      const newVal = c.value === choice.value ? choice : c;\n\n      arr.push(newVal);\n\n      return arr;\n    }, []);\n\n    if (isNew) {\n      newChoices.push(choice);\n    }\n\n    onChange({\n      ...choices,\n      [key]: newChoices,\n    });\n  };\n\n  onChoiceRemoved = (value, section) => {\n    const { onChange } = this.props;\n    const { choices } = this.state;\n    const sectionChoices = choices[section] || [];\n\n    const newChoices = sectionChoices.reduce((arr, c) => {\n      if (c.value === value) {\n        return arr;\n      }\n\n      arr.push(c);\n\n      return arr;\n    }, []);\n\n    onChange({\n      ...choices,\n      [section]: newChoices,\n    });\n  };\n\n  onSectionSelect = (choice, key) => {\n    const { onChange } = this.props;\n    const { choices, values } = this.state;\n\n    if (choices[key] && choices[key].length > 1) {\n      if (!choice) {\n        onChange({\n          ...choices,\n          [key]: [choices[key][0]],\n        });\n      }\n    } else {\n      this.setState({\n        choices: {\n          ...choices,\n          [key]: [\n            ...choices[key],\n            {\n              label: '',\n              value: '1',\n            },\n          ],\n        },\n        values: {\n          ...values,\n          [key]: choices[key][0],\n        },\n      });\n    }\n  };\n\n  onLengthChanged = (value, key) => {\n    const { model, onLengthChange } = this.props;\n    const { maxLengthPerChoice } = model;\n\n    maxLengthPerChoice[key] = value;\n    onLengthChange(maxLengthPerChoice);\n  };\n\n  render() {\n    const { choices } = this.state;\n    const {\n      model: { maxLengthPerChoice, maxLengthPerChoiceEnabled },\n      spellCheck,\n      choicesErrors,\n      pluginProps,\n    } = this.props;\n\n    return (\n      <div>\n        {map(choices, (c, key) => {\n          // if maxLengthPerChoiceEnabled is true, we display all the choices\n          if (c && (maxLengthPerChoiceEnabled || c.length > 1)) {\n            const selected = this.state.values[key];\n\n            return (\n              <AlternateSection\n                key={key}\n                value={selected && selected.value}\n                errors={choicesErrors && choicesErrors[key]}\n                onSelect={(choice) => this.onSectionSelect(choice, key)}\n                choiceChanged={(choice) => this.onChoiceChanged(choice, key)}\n                choiceRemoved={(value) => this.onChoiceRemoved(value, key)}\n                lengthChanged={(value) => this.onLengthChanged(value, key)}\n                selectChoices={[selected]}\n                choices={c}\n                maxLength={maxLengthPerChoice[key]}\n                showMaxLength={maxLengthPerChoiceEnabled}\n                spellCheck={spellCheck}\n                pluginProps={pluginProps}\n              />\n            );\n          }\n        })}\n\n        {choices && Object.keys(this.state.values).length !== Object.keys(choices).length && (\n          <AlternateSection\n            value=\"\"\n            onSelect={(choice) => this.onSectionSelect(choice, choice.value)}\n            choiceChanged={(choice) => this.onChoiceChanged(choice)}\n            choiceRemoved={(value) => this.onChoiceRemoved(value)}\n            selectChoices={this.getRemainingChoices()}\n            spellCheck={spellCheck}\n            pluginProps={pluginProps}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default AlternateResponses;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/alternateSection.js

@@ -1,329 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Choice = exports.AlternateSection = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _lodashEs = require("lodash-es");
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _styles = require("@mui/material/styles");
-var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
-var _markupUtils = require("./markupUtils");
-const DesignContainer = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  marginBottom: theme.spacing(0.5)
-}));
-const AltChoices = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  alignItems: 'flex-start',
-  flexDirection: 'column',
-  display: 'flex',
-  paddingTop: theme.spacing(2.5),
-  '& > *': {
-    marginBottom: theme.spacing(2.5),
-    width: '100%'
-  }
-}));
-const StyledEditableHtml = (0, _styles.styled)(_editableHtmlTipTap.default)(({
-  theme,
-  hasError
-}) => ({
-  flex: '1',
-  marginRight: theme.spacing(2.5),
-  ...(hasError && {
-    border: `2px solid ${theme.palette.error.main}`,
-    borderRadius: '6px'
-  })
-}));
-const StyledDeleteButton = (0, _styles.styled)(_IconButton.default)(({
-  theme
-}) => ({
-  '& svg': {
-    fill: theme.palette.grey[600]
-  }
-}));
-const SelectContainer = (0, _styles.styled)('div')({
-  alignItems: 'flex-end',
-  display: 'flex',
-  justifyContent: 'space-between',
-  width: '100%'
-});
-const RightContainer = (0, _styles.styled)('div')({
-  alignItems: 'center',
-  display: 'flex'
-});
-const LengthField = (0, _styles.styled)(_TextField.default)(({
-  theme
-}) => ({
-  width: '230px',
-  marginRight: theme.spacing(2.5),
-  '& .MuiInput-underline:before': {
-    borderBottomColor: theme.palette.divider
-  },
-  '& .MuiInput-underline:hover:not(.Mui-disabled):before': {
-    borderBottomColor: theme.palette.text.primary
-  },
-  '& .MuiInput-underline:after': {
-    borderBottomColor: theme.palette.primary.main
-  }
-}));
-const ErrorText = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  fontSize: theme.typography.fontSize - 2,
-  color: theme.palette.error.main,
-  paddingTop: theme.spacing(0.5)
-}));
-const ChoiceWrapper = (0, _styles.styled)('div')({
-  alignItems: 'center',
-  display: 'flex',
-  justifyContent: 'space-between'
-});
-class Choice extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "state", {
-      value: this.props.markup
-    });
-    (0, _defineProperty2.default)(this, "updateText", (0, _lodashEs.debounce)(this.props.onChange, 300));
-    (0, _defineProperty2.default)(this, "onChange", e => {
-      const strippedValue = (0, _markupUtils.stripHtmlTags)(e);
-      this.setState({
-        value: strippedValue
-      });
-      this.updateText(strippedValue);
-    });
-    (0, _defineProperty2.default)(this, "onKeyDown", event => {
-      if (event.key === 'Enter') {
-        return true;
-      }
-    });
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.markup) {
-      this.setState({
-        value: nextProps.markup
-      });
-    }
-  }
-  render() {
-    const {
-      value
-    } = this.state;
-    const {
-      onDelete,
-      spellCheck,
-      error,
-      showMaxLength,
-      pluginProps
-    } = this.props;
-    const inputProps = showMaxLength ? {} : {
-      maxLength: 25
-    };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ChoiceWrapper, null, /*#__PURE__*/_react.default.createElement(StyledEditableHtml, (0, _extends2.default)({
-      hasError: !!error,
-      disableUnderline: true,
-      onChange: this.onChange,
-      onKeyDown: this.onKeyDown,
-      markup: value || '',
-      activePlugins: ['languageCharacters'],
-      pluginProps: pluginProps,
-      languageCharactersProps: [{
-        language: 'spanish'
-      }],
-      spellCheck: spellCheck,
-      autoWidthToolbar: true,
-      toolbarOpts: {
-        minWidth: 'auto',
-        isHidden: !!pluginProps?.characters?.disabled
-      }
-    }, inputProps)), /*#__PURE__*/_react.default.createElement(StyledDeleteButton, {
-      "aria-label": "delete",
-      onClick: onDelete,
-      size: "large"
-    }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))), error && /*#__PURE__*/_react.default.createElement(ErrorText, null, error));
-  }
-}
-exports.Choice = Choice;
-(0, _defineProperty2.default)(Choice, "propTypes", {
-  error: _propTypes.default.string,
-  markup: _propTypes.default.string,
-  onChange: _propTypes.default.func.isRequired,
-  onDelete: _propTypes.default.func.isRequired,
-  value: _propTypes.default.string,
-  spellCheck: _propTypes.default.bool,
-  showMaxLength: _propTypes.default.bool,
-  pluginProps: _propTypes.default.object
-});
-class AlternateSection extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "state", {});
-    (0, _defineProperty2.default)(this, "updateChoicesIfNeeded", props => {
-      if (!this.state.choices || !(0, _lodashEs.isEqual)(props.choices, this.state.choices) || !(0, _lodashEs.isEqual)(props.choices, this.props.choices)) {
-        this.setState({
-          choices: props.choices
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleSelect", e => {
-      const {
-        onSelect,
-        selectChoices
-      } = this.props;
-      const {
-        value
-      } = e.target;
-      onSelect(selectChoices.find(c => c.value === value));
-    });
-    (0, _defineProperty2.default)(this, "onAddChoice", () => {
-      const {
-        choices
-      } = this.state;
-      if (choices.length && choices[choices.length - 1].label !== '') {
-        const value = (0, _lodashEs.max)(choices.map(c => parseInt(c.value)).filter(id => !isNaN(id))) || 0;
-        this.setState({
-          choices: [...choices, {
-            value: `${value + 1}`,
-            label: ''
-          }]
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "onChoiceChanged", (choice, value, index) => {
-      const {
-        choiceChanged,
-        lengthChanged,
-        maxLength,
-        choices
-      } = this.props;
-      const labelLengthsArr = choices.map(choice => (0, _markupUtils.decodeHTML)(choice.label || '').length);
-      labelLengthsArr[index] = (0, _markupUtils.decodeHTML)(value).length;
-      const newLength = Math.max(...labelLengthsArr);
-      choiceChanged({
-        ...choice,
-        label: value
-      });
-      if (newLength > maxLength || newLength + 10 <= maxLength) {
-        lengthChanged((0, _markupUtils.getAdjustedLength)(newLength));
-      }
-    });
-    (0, _defineProperty2.default)(this, "onRemoveChoice", choice => {
-      const {
-        choiceRemoved
-      } = this.props;
-      choiceRemoved(choice.value);
-    });
-    (0, _defineProperty2.default)(this, "getChoicesMaxLength", () => {
-      const {
-        choices
-      } = this.state;
-      if (!choices) {
-        return 1;
-      }
-      const labelLengthsArr = choices.map(choice => (0, _markupUtils.decodeHTML)(choice.label || '').length);
-      return Math.max(...labelLengthsArr);
-    });
-    (0, _defineProperty2.default)(this, "changeLength", event => {
-      const {
-        lengthChanged
-      } = this.props;
-      const numberValue = parseInt(event.target.value, 10);
-      const minLength = this.getChoicesMaxLength();
-      if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {
-        lengthChanged(numberValue);
-      }
-    });
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    this.updateChoicesIfNeeded(nextProps);
-  }
-  componentDidMount() {
-    this.updateChoicesIfNeeded(this.props);
-  }
-  render() {
-    const {
-      selectChoices,
-      maxLength,
-      showMaxLength,
-      value,
-      spellCheck,
-      errors,
-      pluginProps
-    } = this.props;
-    const {
-      choices
-    } = this.state;
-    const minLength = this.getChoicesMaxLength();
-    return /*#__PURE__*/_react.default.createElement(DesignContainer, null, /*#__PURE__*/_react.default.createElement(SelectContainer, null, /*#__PURE__*/_react.default.createElement(_Select.default, {
-      variant: "standard",
-      displayEmpty: true,
-      onChange: this.handleSelect,
-      value: value || '',
-      readOnly: showMaxLength,
-      MenuProps: {
-        transitionDuration: {
-          enter: 225,
-          exit: 195
-        }
-      }
-    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      value: ""
-    }, /*#__PURE__*/_react.default.createElement("em", null, value ? 'Remove selection' : 'Select a response')), selectChoices.map((c, index) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      key: index,
-      value: c?.value
-    }, (0, _markupUtils.decodeHTML)(c?.label)))), choices && choices.length > 0 && /*#__PURE__*/_react.default.createElement(RightContainer, null, maxLength && showMaxLength && /*#__PURE__*/_react.default.createElement(LengthField, {
-      variant: "standard",
-      label: "Maximum length (characters)",
-      type: "number",
-      inputProps: {
-        min: minLength,
-        max: minLength + 10
-      },
-      value: maxLength,
-      onChange: this.changeLength
-    }), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      variant: "contained",
-      color: "primary",
-      onClick: this.onAddChoice
-    }, "Add"))), errors && errors[0] && /*#__PURE__*/_react.default.createElement(ErrorText, null, errors[0]), /*#__PURE__*/_react.default.createElement(AltChoices, null, choices && choices.map((c, index) => index > 0 && /*#__PURE__*/_react.default.createElement(Choice, {
-      key: index,
-      markup: c.label,
-      onChange: val => this.onChoiceChanged(c, val, index),
-      onDelete: () => this.onRemoveChoice(c),
-      spellCheck: spellCheck,
-      error: errors && errors[index],
-      showMaxLength: showMaxLength,
-      pluginProps: pluginProps
-    }))));
-  }
-}
-exports.AlternateSection = AlternateSection;
-(0, _defineProperty2.default)(AlternateSection, "propTypes", {
-  choices: _propTypes.default.array,
-  selectChoices: _propTypes.default.array.isRequired,
-  errors: _propTypes.default.object,
-  onSelect: _propTypes.default.func.isRequired,
-  choiceChanged: _propTypes.default.func.isRequired,
-  lengthChanged: _propTypes.default.func,
-  choiceRemoved: _propTypes.default.func.isRequired,
-  value: _propTypes.default.string,
-  maxLength: _propTypes.default.number,
-  showMaxLength: _propTypes.default.bool,
-  spellCheck: _propTypes.default.bool,
-  pluginProps: _propTypes.default.object
-});
-var _default = exports.default = AlternateSection;
-//# sourceMappingURL=alternateSection.js.map