@pie-element/explicit-constructed-response 6.10.2-next.1 → 6.10.2-next.15

package/configure/lib/alternateResponses.js

@@ -0,0 +1,243 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AlternateResponses = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _map = _interopRequireDefault(require("lodash/map"));
+
+var _reduce = _interopRequireDefault(require("lodash/reduce"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _alternateSection = _interopRequireDefault(require("./alternateSection"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var AlternateResponses = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(AlternateResponses, _React$Component);
+
+  var _super = _createSuper(AlternateResponses);
+
+  function AlternateResponses() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, AlternateResponses);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      maxLengthPerChoice: (0, _cloneDeep["default"])(_this.props.model.maxLengthPerChoice)
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateChoicesIfNeeded", function (props) {
+      if (!_this.state.choices || !(0, _isEqual["default"])(_this.state.choices, props.model.choices) || !(0, _isEqual["default"])(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) {
+        var _props$model = props.model,
+            choices = _props$model.choices,
+            maxLengthPerChoice = _props$model.maxLengthPerChoice;
+        var selectedValues = (0, _reduce["default"])(choices, function (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, _cloneDeep["default"])(maxLengthPerChoice)
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRemainingChoices", function (valueKey) {
+      var choices = _this.state.choices;
+      return (0, _reduce["default"])(choices, function (arr, c, key) {
+        if (c && c.length === 1 && !valueKey) {
+          arr.push({
+            label: c[0].label,
+            value: key
+          });
+        }
+
+        return arr;
+      }, []);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (choice, key) {
+      var onChange = _this.props.onChange;
+      var choices = _this.state.choices;
+      var sectionChoices = choices[key] || [];
+      var isNew = !sectionChoices.find(function (c) {
+        return c.value === choice.value;
+      });
+      var newChoices = sectionChoices.reduce(function (arr, c) {
+        var newVal = c.value === choice.value ? choice : c;
+        arr.push(newVal);
+        return arr;
+      }, []);
+
+      if (isNew) {
+        newChoices.push(choice);
+      }
+
+      onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, newChoices)));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceRemoved", function (value, section) {
+      var onChange = _this.props.onChange;
+      var choices = _this.state.choices;
+      var sectionChoices = choices[section] || [];
+      var newChoices = sectionChoices.reduce(function (arr, c) {
+        if (c.value === value) {
+          return arr;
+        }
+
+        arr.push(c);
+        return arr;
+      }, []);
+      onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, section, newChoices)));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSectionSelect", function (choice, key) {
+      var onChange = _this.props.onChange;
+      var _this$state = _this.state,
+          choices = _this$state.choices,
+          values = _this$state.values;
+
+      if (choices[key] && choices[key].length > 1) {
+        if (!choice) {
+          onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, [choices[key][0]])));
+        }
+      } else {
+        _this.setState({
+          choices: _objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, [].concat((0, _toConsumableArray2["default"])(choices[key]), [{
+            label: '',
+            value: '1'
+          }]))),
+          values: _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, key, choices[key][0]))
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLengthChanged", function (value, key) {
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onLengthChange = _this$props.onLengthChange;
+      var maxLengthPerChoice = model.maxLengthPerChoice;
+      maxLengthPerChoice[key] = value;
+      onLengthChange(maxLengthPerChoice);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(AlternateResponses, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      this.updateChoicesIfNeeded(nextProps);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateChoicesIfNeeded(this.props);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var choices = this.state.choices;
+      var _this$props2 = this.props,
+          _this$props2$model = _this$props2.model,
+          maxLengthPerChoice = _this$props2$model.maxLengthPerChoice,
+          maxLengthPerChoiceEnabled = _this$props2$model.maxLengthPerChoiceEnabled,
+          spellCheck = _this$props2.spellCheck,
+          choicesErrors = _this$props2.choicesErrors;
+      return /*#__PURE__*/_react["default"].createElement("div", null, (0, _map["default"])(choices, function (c, key) {
+        // if maxLengthPerChoiceEnabled is true, we display all the choices
+        if (c && (maxLengthPerChoiceEnabled || c.length > 1)) {
+          var selected = _this2.state.values[key];
+          return /*#__PURE__*/_react["default"].createElement(_alternateSection["default"], {
+            key: key,
+            value: selected && selected.value,
+            errors: choicesErrors && choicesErrors[key],
+            onSelect: function onSelect(choice) {
+              return _this2.onSectionSelect(choice, key);
+            },
+            choiceChanged: function choiceChanged(choice) {
+              return _this2.onChoiceChanged(choice, key);
+            },
+            choiceRemoved: function choiceRemoved(value) {
+              return _this2.onChoiceRemoved(value, key);
+            },
+            lengthChanged: function lengthChanged(value) {
+              return _this2.onLengthChanged(value, key);
+            },
+            selectChoices: [selected],
+            choices: c,
+            maxLength: maxLengthPerChoice[key],
+            showMaxLength: maxLengthPerChoiceEnabled,
+            spellCheck: spellCheck
+          });
+        }
+      }), choices && Object.keys(this.state.values).length !== Object.keys(choices).length && /*#__PURE__*/_react["default"].createElement(_alternateSection["default"], {
+        value: "",
+        onSelect: function onSelect(choice) {
+          return _this2.onSectionSelect(choice, choice.value);
+        },
+        choiceChanged: function choiceChanged(choice) {
+          return _this2.onChoiceChanged(choice);
+        },
+        choiceRemoved: function choiceRemoved(value) {
+          return _this2.onChoiceRemoved(value);
+        },
+        selectChoices: this.getRemainingChoices(),
+        spellCheck: spellCheck
+      }));
+    }
+  }]);
+  return AlternateResponses;
+}(_react["default"].Component);
+
+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
+});
+var _default = AlternateResponses;
+exports["default"] = _default;
+//# sourceMappingURL=alternateResponses.js.map

package/configure/lib/alternateResponses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alternateResponses.jsx"],"names":["AlternateResponses","maxLengthPerChoice","props","model","state","choices","values","Object","keys","length","maxLengthPerChoiceEnabled","selectedValues","obj","c","key","setState","valueKey","arr","push","label","value","choice","onChange","sectionChoices","isNew","find","newChoices","reduce","newVal","section","onLengthChange","nextProps","updateChoicesIfNeeded","spellCheck","choicesErrors","selected","onSectionSelect","onChoiceChanged","onChoiceRemoved","onLengthChanged","getRemainingChoices","React","Component","PropTypes","object","isRequired","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash/isEqual';\nimport map from 'lodash/map';\nimport reduce from 'lodash/reduce';\nimport cloneDeep from 'lodash/cloneDeep';\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  };\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    } = 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              />\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          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default AlternateResponses;\n"],"file":"alternateResponses.js"}

package/configure/lib/alternateSection.js

@@ -0,0 +1,403 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Choice = exports.AlternateSection = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _max = _interopRequireDefault(require("lodash/max"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _markupUtils = require("./markupUtils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    design: {
+      marginBottom: theme.spacing.unit / 2
+    },
+    altChoices: {
+      alignItems: 'flex-start',
+      flexDirection: 'column',
+      display: 'flex',
+      paddingTop: theme.spacing.unit * 2.5,
+      '& > *': {
+        marginBottom: theme.spacing.unit * 2.5,
+        width: '100%'
+      }
+    },
+    choice: {
+      flex: '1',
+      marginRight: theme.spacing.unit * 2.5
+    },
+    deleteBtn: {
+      fill: theme.palette.grey[600]
+    },
+    selectContainer: {
+      alignItems: 'flex-end',
+      display: 'flex',
+      justifyContent: 'space-between',
+      width: '100%'
+    },
+    rightContainer: {
+      alignItems: 'center',
+      display: 'flex'
+    },
+    lengthField: {
+      width: '230px',
+      marginRight: theme.spacing.unit * 2.5
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit / 2
+    },
+    inputError: {
+      border: "2px solid ".concat(theme.palette.error.main),
+      borderRadius: '6px'
+    }
+  };
+};
+
+var Choice = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Choice, _React$Component);
+
+  var _super = _createSuper(Choice);
+
+  function Choice() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Choice);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      value: _this.props.markup
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", (0, _debounce["default"])(_this.props.onChange, 300));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
+      var value = e.target.value;
+
+      _this.setState({
+        value: value
+      });
+
+      _this.updateText(value);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Choice, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (nextProps.markup) {
+        this.setState({
+          value: nextProps.markup
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      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;
+      var inputProps = showMaxLength ? {} : {
+        maxLength: 25
+      };
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          alignItems: 'center',
+          display: 'flex',
+          justifyContent: 'space-between'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
+        className: (0, _classnames["default"])(classes.choice, error && classes.inputError),
+        value: value,
+        onChange: this.onChange,
+        labelWidth: 0,
+        disableUnderline: true,
+        spellCheck: spellCheck,
+        inputProps: inputProps
+      }), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "delete",
+        className: classes.deleteBtn,
+        onClick: onDelete
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))), error && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, error));
+    }
+  }]);
+  return Choice;
+}(_react["default"].Component);
+
+exports.Choice = Choice;
+(0, _defineProperty2["default"])(Choice, "propTypes", {
+  classes: _propTypes["default"].object,
+  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
+});
+
+var AlternateSection = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(AlternateSection, _React$Component2);
+
+  var _super2 = _createSuper(AlternateSection);
+
+  function AlternateSection() {
+    var _this2;
+
+    (0, _classCallCheck2["default"])(this, AlternateSection);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "updateChoicesIfNeeded", function (props) {
+      if (!_this2.state.choices || !(0, _isEqual["default"])(props.choices, _this2.state.choices) || !(0, _isEqual["default"])(props.choices, _this2.props.choices)) {
+        _this2.setState({
+          choices: props.choices
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleSelect", function (e) {
+      var _this2$props = _this2.props,
+          onSelect = _this2$props.onSelect,
+          selectChoices = _this2$props.selectChoices;
+      var value = e.target.value;
+      onSelect(selectChoices.find(function (c) {
+        return c.value === value;
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onAddChoice", function () {
+      var choices = _this2.state.choices;
+
+      if (choices.length && choices[choices.length - 1].label !== '') {
+        var value = (0, _max["default"])(choices.map(function (c) {
+          return parseInt(c.value);
+        }).filter(function (id) {
+          return !isNaN(id);
+        })) || 0;
+
+        _this2.setState({
+          choices: [].concat((0, _toConsumableArray2["default"])(choices), [{
+            value: "".concat(value + 1),
+            label: ''
+          }])
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChoiceChanged", function (choice, value, index) {
+      var _this2$props2 = _this2.props,
+          choiceChanged = _this2$props2.choiceChanged,
+          lengthChanged = _this2$props2.lengthChanged,
+          maxLength = _this2$props2.maxLength,
+          choices = _this2$props2.choices;
+      var labelLengthsArr = choices.map(function (choice) {
+        return (choice.label || '').length;
+      });
+      labelLengthsArr[index] = value.length;
+      var newLength = Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
+      choiceChanged(_objectSpread(_objectSpread({}, choice), {}, {
+        label: value
+      }));
+
+      if (newLength > maxLength || newLength + 10 <= maxLength) {
+        lengthChanged((0, _markupUtils.getAdjustedLength)(newLength));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (choice) {
+      var choiceRemoved = _this2.props.choiceRemoved;
+      choiceRemoved(choice.value);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getChoicesMaxLength", function () {
+      var choices = _this2.state.choices;
+
+      if (!choices) {
+        return 1;
+      }
+
+      var labelLengthsArr = choices.map(function (choice) {
+        return (choice.label || '').length;
+      });
+      return Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeLength", function (event) {
+      var lengthChanged = _this2.props.lengthChanged;
+      var numberValue = parseInt(event.target.value, 10);
+
+      var minLength = _this2.getChoicesMaxLength();
+
+      if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {
+        lengthChanged(numberValue);
+      }
+    });
+    return _this2;
+  }
+
+  (0, _createClass2["default"])(AlternateSection, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      this.updateChoicesIfNeeded(nextProps);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateChoicesIfNeeded(this.props);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          selectChoices = _this$props2.selectChoices,
+          maxLength = _this$props2.maxLength,
+          showMaxLength = _this$props2.showMaxLength,
+          value = _this$props2.value,
+          spellCheck = _this$props2.spellCheck,
+          errors = _this$props2.errors;
+      var choices = this.state.choices;
+      var minLength = this.getChoicesMaxLength();
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.design
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.selectContainer
+      }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+        className: classes.select,
+        displayEmpty: true,
+        onChange: this.handleSelect,
+        value: value || '',
+        readOnly: showMaxLength
+      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: ""
+      }, /*#__PURE__*/_react["default"].createElement("em", null, value ? 'Remove selection' : 'Select a response')), selectChoices.map(function (c, index) {
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          key: index,
+          value: c === null || c === void 0 ? void 0 : c.value
+        }, c === null || c === void 0 ? void 0 : c.label);
+      })), choices && choices.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.rightContainer
+      }, maxLength && showMaxLength && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        className: classes.lengthField,
+        label: "Maximum length (characters)",
+        type: "number",
+        inputProps: {
+          min: minLength,
+          max: minLength + 10
+        },
+        value: maxLength,
+        onChange: this.changeLength
+      }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        className: classes.addButton,
+        variant: "contained",
+        color: "primary",
+        onClick: this.onAddChoice
+      }, "Add"))), errors && errors[0] && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, errors[0]), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.altChoices
+      }, choices && choices.map(function (c, index) {
+        return index > 0 && /*#__PURE__*/_react["default"].createElement(Choice, {
+          key: index,
+          classes: classes,
+          markup: c.label,
+          onChange: function onChange(val) {
+            return _this3.onChoiceChanged(c, val, index);
+          },
+          onDelete: function onDelete() {
+            return _this3.onRemoveChoice(c);
+          },
+          spellCheck: spellCheck,
+          error: errors && errors[index],
+          showMaxLength: showMaxLength
+        });
+      })));
+    }
+  }]);
+  return AlternateSection;
+}(_react["default"].Component);
+
+exports.AlternateSection = AlternateSection;
+(0, _defineProperty2["default"])(AlternateSection, "propTypes", {
+  choices: _propTypes["default"].array,
+  selectChoices: _propTypes["default"].array.isRequired,
+  classes: _propTypes["default"].object.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
+});
+var Styled = (0, _styles.withStyles)(styles)(AlternateSection);
+var _default = Styled;
+exports["default"] = _default;
+//# sourceMappingURL=alternateSection.js.map