@pie-element/explicit-constructed-response 3.11.9 → 3.12.1-beta.1443

package/configure/CHANGELOG.md

@@ -3,6 +3,356 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.4.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.3.0...@pie-element/explicit-constructed-response-configure@4.4.0) (2023-01-17)
+
+
+### Features
+
+* update pie-libs ([6423903](https://github.com/pie-framework/pie-elements/commit/6423903898b041f56db2111de2e4aac4ee9f1fd3))
+
+
+
+
+
+# [4.3.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.6...@pie-element/explicit-constructed-response-configure@4.3.0) (2023-01-05)
+
+
+### Features
+
+* update pie-libs ([b174476](https://github.com/pie-framework/pie-elements/commit/b174476729119a0689f1f8adfc8c235246676cab))
+* update pie-libs ([f72c3c8](https://github.com/pie-framework/pie-elements/commit/f72c3c8d8bc9bbf061bb81502317157a63c22972))
+* update pie-libs ([8490729](https://github.com/pie-framework/pie-elements/commit/8490729a2389d36fd3968f0806119fde96577842))
+* **explicit-constructed-response:** added configuration prop to hide the settings panel PD-1999 ([8aec356](https://github.com/pie-framework/pie-elements/commit/8aec3566ad4e3b7c190bfabb5d1e65dc5e735a8f))
+
+
+
+
+
+## [4.2.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.5...@pie-element/explicit-constructed-response-configure@4.2.6) (2022-12-21)
+
+
+### Bug Fixes
+
+* updated pie-libs ([8cb5b90](https://github.com/pie-framework/pie-elements/commit/8cb5b90d501ccbdf5ffd764e6555faa48b8f54d6))
+
+
+
+
+
+## [4.2.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.4...@pie-element/explicit-constructed-response-configure@4.2.5) (2022-12-20)
+
+
+### Bug Fixes
+
+* updated pie-libs ([6549302](https://github.com/pie-framework/pie-elements/commit/65493026fbf356c5ab752ae6a14d961d4b256368))
+
+
+
+
+
+## [4.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.3...@pie-element/explicit-constructed-response-configure@4.2.4) (2022-12-07)
+
+
+### Bug Fixes
+
+* update libs ([441f403](https://github.com/pie-framework/pie-elements/commit/441f403870b7bec0d61fab58b8d93dbe0ead4c32))
+* update libs for PD-2030 PD-2031 ([3174022](https://github.com/pie-framework/pie-elements/commit/3174022d45603ed217bbe8804a142b07084636a5))
+* updated lib PD-1715 ([42e788d](https://github.com/pie-framework/pie-elements/commit/42e788db0c792838994e55001952da7701251a8e))
+* updated libs ([c20de3a](https://github.com/pie-framework/pie-elements/commit/c20de3a6ba4499a090c809e18e52588d2a585fa0))
+* updated libs ([0eed79a](https://github.com/pie-framework/pie-elements/commit/0eed79a32c3b777c16c8cabf201513fc1d2726a0))
+* updated libs ([343c9ec](https://github.com/pie-framework/pie-elements/commit/343c9ec3dccba7f781e90ae2bd195cac6f78f467))
+
+
+
+
+
+## [4.2.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.2...@pie-element/explicit-constructed-response-configure@4.2.3) (2022-11-15)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.2.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.1...@pie-element/explicit-constructed-response-configure@4.2.2) (2022-11-11)
+
+
+### Bug Fixes
+
+* **explicit-constructed-response:** add sanity checks for withRubric ([8be2af0](https://github.com/pie-framework/pie-elements/commit/8be2af0bbe35d0e8ad3f7270cd3c390f9bb1c558))
+
+
+
+
+
+## [4.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.2.0...@pie-element/explicit-constructed-response-configure@4.2.1) (2022-10-31)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+# [4.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.9...@pie-element/explicit-constructed-response-configure@4.2.0) (2022-10-17)
+
+
+### Bug Fixes
+
+* update snapshots ([9781596](https://github.com/pie-framework/pie-elements/commit/978159686bbbd6b727dff4b88ce4ab9606504586))
+
+
+### Features
+
+* set withRubric to false in item default configurations. Set rubricEnabled to true if it's enabled for drawing-response and extended-text-entry ([a209057](https://github.com/pie-framework/pie-elements/commit/a209057f5a3fa5438efc8595453c89c11959a8f5))
+* update libs ([7e174fb](https://github.com/pie-framework/pie-elements/commit/7e174fba75e7ea668900ad5c103751cefe33e2af))
+* **explicit-constructed-response:** add pie-api config PD-23 ([df3e8bd](https://github.com/pie-framework/pie-elements/commit/df3e8bdbb19a3d6356f4bd639ab34aaac5068d61))
+* **explicit-constructed-response:** add settings to enable rubric. Add withRubric prop to configuration and rubricEnabled prop to model PD-2097 ([8c0acd3](https://github.com/pie-framework/pie-elements/commit/8c0acd3c19cf0cbf9ef39e1e045f895f996c9127))
+* **explicit-constructed-response:** updated snapshot PD-2097 ([a04ac3d](https://github.com/pie-framework/pie-elements/commit/a04ac3d45a591db3513a9ccd1293d04e5dce5049))
+* enable spanish and special characters in author PD-2120 ([85fd3dd](https://github.com/pie-framework/pie-elements/commit/85fd3dd0fc10da1a2dfd5a842809c625790f8ba9))
+* **explicit-constructed-response:** add uploadSoundSupport property PD-23-updated ([f701b37](https://github.com/pie-framework/pie-elements/commit/f701b37884cb81499c1be1b16fa6de5c6d5a1b5f))
+
+
+
+
+
+## [4.1.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.8...@pie-element/explicit-constructed-response-configure@4.1.9) (2022-09-29)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.7...@pie-element/explicit-constructed-response-configure@4.1.8) (2022-09-14)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.6...@pie-element/explicit-constructed-response-configure@4.1.7) (2022-08-31)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.5...@pie-element/explicit-constructed-response-configure@4.1.6) (2022-08-16)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.4...@pie-element/explicit-constructed-response-configure@4.1.5) (2022-08-08)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.3...@pie-element/explicit-constructed-response-configure@4.1.4) (2022-08-02)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.2...@pie-element/explicit-constructed-response-configure@4.1.3) (2022-07-22)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.1...@pie-element/explicit-constructed-response-configure@4.1.2) (2022-07-20)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [4.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.0...@pie-element/explicit-constructed-response-configure@4.1.1) (2022-07-19)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+# [4.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.0.0...@pie-element/explicit-constructed-response-configure@4.1.0) (2022-06-28)
+
+
+### Bug Fixes
+
+* **explicit-constructed-response:** change validation messsage ([dff4964](https://github.com/pie-framework/pie-elements/commit/dff49645a4b814686bfaba18298b064e174c717a))
+* clean up ([53cea01](https://github.com/pie-framework/pie-elements/commit/53cea01bd199a2f000035e9dad455fae5a6be452))
+* error fucntion ([9b4a145](https://github.com/pie-framework/pie-elements/commit/9b4a145874ad19c14f558dad8bf505d3ae8a3857))
+
+
+### Features
+
+* **inline-dropdown, drag-in-the-blank, explicit-constructed-response:** set config default for maxRespponseAreas ([a9e9dc5](https://github.com/pie-framework/pie-elements/commit/a9e9dc5ff43199c946f4226790d924ab5d8674ed))
+* PD-1706 validation ui/ux ([265c248](https://github.com/pie-framework/pie-elements/commit/265c248ecd10d7a108f8d4abddd40824e4b2f0f4))
+
+
+
+
+
+# [4.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.8.4...@pie-element/explicit-constructed-response-configure@4.0.0) (2022-06-28)
+
+
+### chore
+
+* Merge master with develop. ([cdca48a](https://github.com/pie-framework/pie-elements/commit/cdca48abaa1d4179e4a961e13d171e14b7ed2444))
+
+
+### BREAKING CHANGES
+
+* Image percent buttons were removed from toolbar.
+New properties maxImageWidth and maxImageHeight were added.
+
+
+
+
+
+## [3.8.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.8.3...@pie-element/explicit-constructed-response-configure@3.8.4) (2022-06-13)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.8.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.8.2...@pie-element/explicit-constructed-response-configure@3.8.3) (2022-05-30)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.8.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.8.1...@pie-element/explicit-constructed-response-configure@3.8.2) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.8.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.8.0...@pie-element/explicit-constructed-response-configure@3.8.1) (2022-05-09)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+# [3.8.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.7...@pie-element/explicit-constructed-response-configure@3.8.0) (2022-05-03)
+
+
+### Bug Fixes
+
+* **explcit-constructed-response, inline-dropdown, drag-in-the-blank:** Fixed some math symbols rendering PD-1535 ([98b99ff](https://github.com/pie-framework/pie-elements/commit/98b99ff26742c15563b365c7fbb7fab981f057d8))
+* **explicit-constructed-response:** Adjusted minimum and maximum values for MaxLengthPerChoice PD-1552 ([3ab3398](https://github.com/pie-framework/pie-elements/commit/3ab3398cc8c92a0effc492f7dc06c92ffc51eac0))
+* **explicit-constructed-response:** Maximum Length field should always appear when Maximum Length Per Choice is set to true PD-1591 ([153123e](https://github.com/pie-framework/pie-elements/commit/153123ebb4162c8cb342bc7c6a979d68abc4b0c3))
+
+
+### Features
+
+* **choices:** implemented response deletion and undo capabilities [PD-1592] ([158a6e1](https://github.com/pie-framework/pie-elements/commit/158a6e1cb67a1804af28acb4c731daaf40d8435a))
+* **choices:** made sure adding a choice changes the markup [PD-1592] ([26768c0](https://github.com/pie-framework/pie-elements/commit/26768c0c04085d254633d099e45aaa68d7a4a269))
+
+
+
+
+
+## [3.7.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.6...@pie-element/explicit-constructed-response-configure@3.7.7) (2022-04-12)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.7.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.5...@pie-element/explicit-constructed-response-configure@3.7.6) (2022-03-28)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.7.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.4...@pie-element/explicit-constructed-response-configure@3.7.5) (2022-03-22)
+
+
+### Bug Fixes
+
+* test ([61f9577](https://github.com/pie-framework/pie-elements/commit/61f95775a3086c6a4fce64c46b31b15b081f4243))
+
+
+
+
+
+## [3.7.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.3...@pie-element/explicit-constructed-response-configure@3.7.4) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.7.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.2...@pie-element/explicit-constructed-response-configure@3.7.3) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.7.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.1...@pie-element/explicit-constructed-response-configure@3.7.2) (2022-02-21)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+## [3.7.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.7.0...@pie-element/explicit-constructed-response-configure@3.7.1) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/explicit-constructed-response-configure
+
+
+
+
+
+# [3.7.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.6.9...@pie-element/explicit-constructed-response-configure@3.7.0) (2022-01-24)
+
+
+### Bug Fixes
+
+* **explicit-constructed-response:** Displayed delta, theta, times and tan symbols correctly PD-1507 ([29d97ec](https://github.com/pie-framework/pie-elements/commit/29d97ec68c6b66056595eb9444b9984aeb04472e))
+* **explicit-constructed-response:** fix authoring bug when changing markup PD-1413. Show all choices and change title when maxLengthPerChoice is enabled PD-1396 ([b7944f4](https://github.com/pie-framework/pie-elements/commit/b7944f4ee7ae82eb7d40b7ec13dd1c5214157690))
+* **explicit-constructed-response:** Fixed characters limit PD-1396 PD-1395 ([fcbf149](https://github.com/pie-framework/pie-elements/commit/fcbf149e49b5ead36585935e0b5616a970d0a81e))
+
+
+### Features
+
+* **explicit-constructed-response:** Added a max limit of characters and adjusted the width PD-794 ([135f176](https://github.com/pie-framework/pie-elements/commit/135f176402187e9a6120b88768ae7fb0152ac418))
+* **explicit-constructed-response:** added the ability to choose the display property of the element [PD-1418] ([ac3ad81](https://github.com/pie-framework/pie-elements/commit/ac3ad8182911077b0eb3096944304c935bdf5e9a))
+* **explicit-constructed-response:** Calculate maxChoicesLength if it's undefined. Fixed delete response area and choices bug. BREAKING CHANGE: add maxChoicesLength prop ([97431b9](https://github.com/pie-framework/pie-elements/commit/97431b9c3fbdafd84e040653c54d5f04bae16a1d))
+
+
+
+
+
 ## [3.6.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@3.6.8...@pie-element/explicit-constructed-response-configure@3.6.9) (2022-01-10)
 
 **Note:** Version bump only for package @pie-element/explicit-constructed-response-configure

package/configure/lib/alternateResponses.js

@@ -37,9 +37,9 @@ 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -177,9 +177,12 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       var choices = this.state.choices;
-      var _this$props$model = this.props.model,
-          maxLengthPerChoice = _this$props$model.maxLengthPerChoice,
-          maxLengthPerChoiceEnabled = _this$props$model.maxLengthPerChoiceEnabled;
+      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)) {
@@ -187,6 +190,7 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
           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);
             },
@@ -202,7 +206,8 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
             selectChoices: [selected],
             choices: c,
             maxLength: maxLengthPerChoice[key],
-            showMaxLength: maxLengthPerChoiceEnabled
+            showMaxLength: maxLengthPerChoiceEnabled,
+            spellCheck: spellCheck
           });
         }
       }), choices && Object.keys(this.state.values).length !== Object.keys(choices).length && /*#__PURE__*/_react["default"].createElement(_alternateSection["default"], {
@@ -216,7 +221,8 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
         choiceRemoved: function choiceRemoved(value) {
           return _this2.onChoiceRemoved(value);
         },
-        selectChoices: this.getRemainingChoices()
+        selectChoices: this.getRemainingChoices(),
+        spellCheck: spellCheck
       }));
     }
   }]);

package/configure/lib/alternateResponses.js.map

@@ -1 +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","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    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onLengthChange: PropTypes.func.isRequired,\n    maxLengthPerChoiceEnabled: PropTypes.bool.isRequired\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 (!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(choices, (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      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(choices, (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  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 { model: { maxLengthPerChoice, maxLengthPerChoiceEnabled }} = 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                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              />\n            );\n          }\n        })}\n        {\n          choices &&\n          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          />\n        }\n      </div>\n    );\n  }\n}\n\nexport default AlternateResponses;\n"],"file":"alternateResponses.js"}
+{"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    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onLengthChange: PropTypes.func.isRequired,\n    maxLengthPerChoiceEnabled: PropTypes.bool.isRequired,\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        {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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.AlternateSection = exports.Choice = void 0;
+exports["default"] = exports.Choice = exports.AlternateSection = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -47,13 +47,15 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _markupUtils = require("./markupUtils");
-
 var _max = _interopRequireDefault(require("lodash/max"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -91,6 +93,15 @@ var styles = function styles() {
     lengthField: {
       width: '230px',
       marginRight: '20px'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      paddingTop: '5px'
+    },
+    inputError: {
+      border: '2px solid red',
+      borderRadius: '6px'
     }
   };
 };
@@ -141,24 +152,29 @@ var Choice = /*#__PURE__*/function (_React$Component) {
       var value = this.state.value;
       var _this$props = this.props,
           classes = _this$props.classes,
-          onDelete = _this$props.onDelete;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+          onDelete = _this$props.onDelete,
+          spellCheck = _this$props.spellCheck,
+          error = _this$props.error;
+      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: classes.choice,
+        className: (0, _classnames["default"])(classes.choice, error && classes.inputError),
         value: value,
         onChange: this.onChange,
         labelWidth: 0,
-        disableUnderline: true
+        disableUnderline: true,
+        spellCheck: spellCheck
       }), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         className: classes.deleteBtn,
         onClick: onDelete
-      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)));
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))), error && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, error));
     }
   }]);
   return Choice;
@@ -233,13 +249,13 @@ var AlternateSection = /*#__PURE__*/function (_React$Component2) {
         return (choice.label || '').length;
       });
       labelLengthsArr[index] = value.length;
-      var newLength = (0, _markupUtils.getAdjustedLength)(Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr)));
+      var newLength = Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
       choiceChanged(_objectSpread(_objectSpread({}, choice), {}, {
         label: value
       }));
 
-      if (newLength > maxLength || newLength + 10 < maxLength) {
-        lengthChanged(newLength);
+      if (newLength > maxLength || newLength + 10 <= maxLength) {
+        lengthChanged((0, _markupUtils.getAdjustedLength)(newLength));
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (choice) {
@@ -256,7 +272,7 @@ var AlternateSection = /*#__PURE__*/function (_React$Component2) {
       var labelLengthsArr = choices.map(function (choice) {
         return (choice.label || '').length;
       });
-      return (0, _markupUtils.getAdjustedLength)(Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr)));
+      return Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeLength", function (event) {
       var lengthChanged = _this2.props.lengthChanged;
@@ -291,7 +307,9 @@ var AlternateSection = /*#__PURE__*/function (_React$Component2) {
           selectChoices = _this$props2.selectChoices,
           maxLength = _this$props2.maxLength,
           showMaxLength = _this$props2.showMaxLength,
-          value = _this$props2.value;
+          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", {
@@ -328,7 +346,9 @@ var AlternateSection = /*#__PURE__*/function (_React$Component2) {
         variant: "contained",
         color: "primary",
         onClick: this.onAddChoice
-      }, "Add"))), /*#__PURE__*/_react["default"].createElement("div", {
+      }, "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, {
@@ -340,7 +360,9 @@ var AlternateSection = /*#__PURE__*/function (_React$Component2) {
           },
           onDelete: function onDelete() {
             return _this3.onRemoveChoice(c);
-          }
+          },
+          spellCheck: spellCheck,
+          error: errors && errors[index]
         });
       })));
     }