@pie-element/explicit-constructed-response 11.2.2-beta.4 → 11.2.2-beta.6

package/configure/lib/__tests__/utils.test.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _markupUtils = require("../markupUtils");
-describe('processMarkup', () => {
-  const assertProcessMarkup = (markup, expected, should) => {
-    it(should || `returns processed markup: ${expected}`, () => {
-      expect((0, _markupUtils.processMarkup)(markup)).toEqual(expected);
-    });
-  };
-  assertProcessMarkup('<p>The <span data-type="explicit_constructed_response" data-index="0" data-value="cow"></span> jumped <span data-type="explicit_constructed_response" data-index="1" data-value="over"></span> the <span data-type="explicit_constructed_response" data-index="2" data-value="moon"></span></p>', '<p>The {{0}} jumped {{1}} the {{2}}</p>');
-  assertProcessMarkup('<p>This is a <span data-type="explicit_constructed_response" data-index="0" data-value="test"></span>.</p>', '<p>This is a {{0}}.</p>');
-  assertProcessMarkup('<p>This is another test.</p>', '<p>This is another test.</p>');
-  assertProcessMarkup('', '');
-  assertProcessMarkup(undefined, '');
-  assertProcessMarkup(null, '');
-  assertProcessMarkup('<div> \\tfoo\\nbar </div>', '<div> foobar </div>', 'should remove \t, \n from the string');
-  assertProcessMarkup('<div> "foobar" </div>', '<div> "foobar" </div>', 'should replace " with " in the string');
-  assertProcessMarkup('<div> /foobar </div>', '<div> /foobar </div>', 'should replace / with / in the string');
-});
-describe('createSlateMarkup', () => {
-  const choices = {
-    0: [{
-      label: 'cow',
-      value: '0'
-    }, {
-      label: 'cattle',
-      value: '1'
-    }, {
-      label: 'calf',
-      value: '2'
-    }],
-    1: [{
-      label: 'over',
-      value: '0'
-    }, {
-      label: 'past',
-      value: '1'
-    }, {
-      label: 'beyond',
-      value: '2'
-    }],
-    2: [{
-      label: 'moon',
-      value: '0'
-    }]
-  };
-  const assertCreateSlateMarkup = (markup, expected, should) => {
-    it(should || `returns slate markup: ${expected}`, () => {
-      expect((0, _markupUtils.createSlateMarkup)(markup, choices)).toEqual(expected);
-    });
-  };
-  assertCreateSlateMarkup('<p>The {{0}} jumped {{1}} the {{2}}</p>', '<p>The <span data-type="explicit_constructed_response" data-index="0" data-value="cow"></span> jumped <span data-type="explicit_constructed_response" data-index="1" data-value="over"></span> the <span data-type="explicit_constructed_response" data-index="2" data-value="moon"></span></p>');
-  assertCreateSlateMarkup('<p>This is a {{0}}.</p>', '<p>This is a <span data-type="explicit_constructed_response" data-index="0" data-value="cow"></span>.</p>');
-  assertCreateSlateMarkup('<p>This is another test.</p>', '<p>This is another test.</p>');
-  assertCreateSlateMarkup('', '');
-  assertCreateSlateMarkup(undefined, '');
-  assertCreateSlateMarkup(null, '');
-  assertCreateSlateMarkup('<div> \\tfoo\\nbar </div>', '<div> foobar </div>', 'should remove \t, \n from the string');
-  assertCreateSlateMarkup('<div> "foobar" </div>', '<div> "foobar" </div>', 'should replace " with " in the string');
-  assertCreateSlateMarkup('<div> /foobar </div>', '<div> /foobar </div>', 'should replace / with / in the string');
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfbWFya3VwVXRpbHMiLCJyZXF1aXJlIiwiZGVzY3JpYmUiLCJhc3NlcnRQcm9jZXNzTWFya3VwIiwibWFya3VwIiwiZXhwZWN0ZWQiLCJzaG91bGQiLCJpdCIsImV4cGVjdCIsInByb2Nlc3NNYXJrdXAiLCJ0b0VxdWFsIiwidW5kZWZpbmVkIiwiY2hvaWNlcyIsImxhYmVsIiwidmFsdWUiLCJhc3NlcnRDcmVhdGVTbGF0ZU1hcmt1cCIsImNyZWF0ZVNsYXRlTWFya3VwIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL19fdGVzdHNfXy91dGlscy50ZXN0LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHByb2Nlc3NNYXJrdXAsIGNyZWF0ZVNsYXRlTWFya3VwIH0gZnJvbSAnLi4vbWFya3VwVXRpbHMnO1xuXG5kZXNjcmliZSgncHJvY2Vzc01hcmt1cCcsICgpID0+IHtcbiAgY29uc3QgYXNzZXJ0UHJvY2Vzc01hcmt1cCA9IChtYXJrdXAsIGV4cGVjdGVkLCBzaG91bGQpID0+IHtcbiAgICBpdChzaG91bGQgfHwgYHJldHVybnMgcHJvY2Vzc2VkIG1hcmt1cDogJHtleHBlY3RlZH1gLCAoKSA9PiB7XG4gICAgICBleHBlY3QocHJvY2Vzc01hcmt1cChtYXJrdXApKS50b0VxdWFsKGV4cGVjdGVkKTtcbiAgICB9KTtcbiAgfTtcblxuICBhc3NlcnRQcm9jZXNzTWFya3VwKFxuICAgICc8cD5UaGUgPHNwYW4gZGF0YS10eXBlPVwiZXhwbGljaXRfY29uc3RydWN0ZWRfcmVzcG9uc2VcIiBkYXRhLWluZGV4PVwiMFwiIGRhdGEtdmFsdWU9XCJjb3dcIj48L3NwYW4+IGp1bXBlZCA8c3BhbiBkYXRhLXR5cGU9XCJleHBsaWNpdF9jb25zdHJ1Y3RlZF9yZXNwb25zZVwiIGRhdGEtaW5kZXg9XCIxXCIgZGF0YS12YWx1ZT1cIm92ZXJcIj48L3NwYW4+IHRoZSA8c3BhbiBkYXRhLXR5cGU9XCJleHBsaWNpdF9jb25zdHJ1Y3RlZF9yZXNwb25zZVwiIGRhdGEtaW5kZXg9XCIyXCIgZGF0YS12YWx1ZT1cIm1vb25cIj48L3NwYW4+PC9wPicsXG4gICAgJzxwPlRoZSB7ezB9fSBqdW1wZWQge3sxfX0gdGhlIHt7Mn19PC9wPicsXG4gICk7XG5cbiAgYXNzZXJ0UHJvY2Vzc01hcmt1cChcbiAgICAnPHA+VGhpcyBpcyBhIDxzcGFuIGRhdGEtdHlwZT1cImV4cGxpY2l0X2NvbnN0cnVjdGVkX3Jlc3BvbnNlXCIgZGF0YS1pbmRleD1cIjBcIiBkYXRhLXZhbHVlPVwidGVzdFwiPjwvc3Bhbj4uPC9wPicsXG4gICAgJzxwPlRoaXMgaXMgYSB7ezB9fS48L3A+JyxcbiAgKTtcblxuICBhc3NlcnRQcm9jZXNzTWFya3VwKCc8cD5UaGlzIGlzIGFub3RoZXIgdGVzdC48L3A+JywgJzxwPlRoaXMgaXMgYW5vdGhlciB0ZXN0LjwvcD4nKTtcblxuICBhc3NlcnRQcm9jZXNzTWFya3VwKCcnLCAnJyk7XG5cbiAgYXNzZXJ0UHJvY2Vzc01hcmt1cCh1bmRlZmluZWQsICcnKTtcblxuICBhc3NlcnRQcm9jZXNzTWFya3VwKG51bGwsICcnKTtcblxuICBhc3NlcnRQcm9jZXNzTWFya3VwKCc8ZGl2PiBcXFxcdGZvb1xcXFxuYmFyIDwvZGl2PicsICc8ZGl2PiBmb29iYXIgPC9kaXY+JywgJ3Nob3VsZCByZW1vdmUgXFx0LCBcXG4gZnJvbSB0aGUgc3RyaW5nJyk7XG5cbiAgYXNzZXJ0UHJvY2Vzc01hcmt1cCgnPGRpdj4gXCJmb29iYXJcIiA8L2Rpdj4nLCAnPGRpdj4gXCJmb29iYXJcIiA8L2Rpdj4nLCAnc2hvdWxkIHJlcGxhY2UgXCIgd2l0aCBcIiBpbiB0aGUgc3RyaW5nJyk7XG5cbiAgYXNzZXJ0UHJvY2Vzc01hcmt1cCgnPGRpdj4gL2Zvb2JhciA8L2Rpdj4nLCAnPGRpdj4gL2Zvb2JhciA8L2Rpdj4nLCAnc2hvdWxkIHJlcGxhY2UgLyB3aXRoIC8gaW4gdGhlIHN0cmluZycpO1xufSk7XG5cbmRlc2NyaWJlKCdjcmVhdGVTbGF0ZU1hcmt1cCcsICgpID0+IHtcbiAgY29uc3QgY2hvaWNlcyA9IHtcbiAgICAwOiBbXG4gICAgICB7IGxhYmVsOiAnY293JywgdmFsdWU6ICcwJyB9LFxuICAgICAgeyBsYWJlbDogJ2NhdHRsZScsIHZhbHVlOiAnMScgfSxcbiAgICAgIHsgbGFiZWw6ICdjYWxmJywgdmFsdWU6ICcyJyB9LFxuICAgIF0sXG4gICAgMTogW1xuICAgICAgeyBsYWJlbDogJ292ZXInLCB2YWx1ZTogJzAnIH0sXG4gICAgICB7IGxhYmVsOiAncGFzdCcsIHZhbHVlOiAnMScgfSxcbiAgICAgIHsgbGFiZWw6ICdiZXlvbmQnLCB2YWx1ZTogJzInIH0sXG4gICAgXSxcbiAgICAyOiBbeyBsYWJlbDogJ21vb24nLCB2YWx1ZTogJzAnIH1dLFxuICB9O1xuXG4gIGNvbnN0IGFzc2VydENyZWF0ZVNsYXRlTWFya3VwID0gKG1hcmt1cCwgZXhwZWN0ZWQsIHNob3VsZCkgPT4ge1xuICAgIGl0KHNob3VsZCB8fCBgcmV0dXJucyBzbGF0ZSBtYXJrdXA6ICR7ZXhwZWN0ZWR9YCwgKCkgPT4ge1xuICAgICAgZXhwZWN0KGNyZWF0ZVNsYXRlTWFya3VwKG1hcmt1cCwgY2hvaWNlcykpLnRvRXF1YWwoZXhwZWN0ZWQpO1xuICAgIH0pO1xuICB9O1xuXG4gIGFzc2VydENyZWF0ZVNsYXRlTWFya3VwKFxuICAgICc8cD5UaGUge3swfX0ganVtcGVkIHt7MX19IHRoZSB7ezJ9fTwvcD4nLFxuICAgICc8cD5UaGUgPHNwYW4gZGF0YS10eXBlPVwiZXhwbGljaXRfY29uc3RydWN0ZWRfcmVzcG9uc2VcIiBkYXRhLWluZGV4PVwiMFwiIGRhdGEtdmFsdWU9XCJjb3dcIj48L3NwYW4+IGp1bXBlZCA8c3BhbiBkYXRhLXR5cGU9XCJleHBsaWNpdF9jb25zdHJ1Y3RlZF9yZXNwb25zZVwiIGRhdGEtaW5kZXg9XCIxXCIgZGF0YS12YWx1ZT1cIm92ZXJcIj48L3NwYW4+IHRoZSA8c3BhbiBkYXRhLXR5cGU9XCJleHBsaWNpdF9jb25zdHJ1Y3RlZF9yZXNwb25zZVwiIGRhdGEtaW5kZXg9XCIyXCIgZGF0YS12YWx1ZT1cIm1vb25cIj48L3NwYW4+PC9wPicsXG4gICk7XG5cbiAgYXNzZXJ0Q3JlYXRlU2xhdGVNYXJrdXAoXG4gICAgJzxwPlRoaXMgaXMgYSB7ezB9fS48L3A+JyxcbiAgICAnPHA+VGhpcyBpcyBhIDxzcGFuIGRhdGEtdHlwZT1cImV4cGxpY2l0X2NvbnN0cnVjdGVkX3Jlc3BvbnNlXCIgZGF0YS1pbmRleD1cIjBcIiBkYXRhLXZhbHVlPVwiY293XCI+PC9zcGFuPi48L3A+JyxcbiAgKTtcblxuICBhc3NlcnRDcmVhdGVTbGF0ZU1hcmt1cCgnPHA+VGhpcyBpcyBhbm90aGVyIHRlc3QuPC9wPicsICc8cD5UaGlzIGlzIGFub3RoZXIgdGVzdC48L3A+Jyk7XG5cbiAgYXNzZXJ0Q3JlYXRlU2xhdGVNYXJrdXAoJycsICcnKTtcblxuICBhc3NlcnRDcmVhdGVTbGF0ZU1hcmt1cCh1bmRlZmluZWQsICcnKTtcblxuICBhc3NlcnRDcmVhdGVTbGF0ZU1hcmt1cChudWxsLCAnJyk7XG5cbiAgYXNzZXJ0Q3JlYXRlU2xhdGVNYXJrdXAoJzxkaXY+IFxcXFx0Zm9vXFxcXG5iYXIgPC9kaXY+JywgJzxkaXY+IGZvb2JhciA8L2Rpdj4nLCAnc2hvdWxkIHJlbW92ZSBcXHQsIFxcbiBmcm9tIHRoZSBzdHJpbmcnKTtcblxuICBhc3NlcnRDcmVhdGVTbGF0ZU1hcmt1cCgnPGRpdj4gXCJmb29iYXJcIiA8L2Rpdj4nLCAnPGRpdj4gXCJmb29iYXJcIiA8L2Rpdj4nLCAnc2hvdWxkIHJlcGxhY2UgXCIgd2l0aCBcIiBpbiB0aGUgc3RyaW5nJyk7XG5cbiAgYXNzZXJ0Q3JlYXRlU2xhdGVNYXJrdXAoJzxkaXY+IC9mb29iYXIgPC9kaXY+JywgJzxkaXY+IC9mb29iYXIgPC9kaXY+JywgJ3Nob3VsZCByZXBsYWNlIC8gd2l0aCAvIGluIHRoZSBzdHJpbmcnKTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOztBQUFBLElBQUFBLFlBQUEsR0FBQUMsT0FBQTtBQUVBQyxRQUFRLENBQUMsZUFBZSxFQUFFLE1B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

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