@pie-element/multiple-choice 13.2.2 → 13.3.0-beta.0

package/lib/__tests__/multiple-choice-test.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _multipleChoice = require("../multiple-choice");
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+// Mock the CorrectAnswerToggle component
+jest.mock('@pie-lib/correct-answer-toggle', () => {
+  const MockToggle = props => /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "correct-answer-toggle",
+    "data-show": props.show,
+    "data-toggled": props.toggled
+  }, "Mock Toggle");
+  MockToggle.displayName = 'CorrectAnswerToggle';
+  return MockToggle;
+});
+describe('Choice', () => {
+  let onChoiceChanged;
+  beforeEach(() => {
+    onChoiceChanged = jest.fn();
+  });
+  const renderChoice = (extras = {}) => {
+    const props = {
+      classes: {},
+      choice: {},
+      index: 0,
+      choicesLength: 1,
+      showCorrect: false,
+      isEvaluateMode: false,
+      choiceMode: 'radio',
+      disabled: true,
+      onChoiceChanged,
+      checked: true,
+      correctness: 'correct',
+      displayKey: '0',
+      choicesLayout: 'grid',
+      gridColumns: 2,
+      ...extras
+    };
+    return (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_multipleChoice.Choice, props));
+  };
+  describe('logic', () => {
+    it('does not call onChoiceChanged if disabled is true', () => {
+      const {
+        container
+      } = renderChoice({
+        disabled: true
+      });
+      const input = container.querySelector('input');
+      if (input) {
+        input.click();
+      }
+      // When disabled, onChange should not be called
+      expect(onChoiceChanged).not.toHaveBeenCalled();
+    });
+  });
+});
+describe('CorespringChoice', () => {
+  const mkWrapper = (opts = {}) => {
+    const defaultProps = {
+      classes: {},
+      choices: [],
+      disabled: false,
+      keyMode: 'letters',
+      onChoiceChanged: jest.fn(),
+      mode: 'gather',
+      ...opts
+    };
+    return (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_multipleChoice.MultipleChoice, defaultProps));
+  };
+  describe('Toggle', () => {
+    it('toggle is rendered', () => {
+      mkWrapper();
+      expect(_react2.screen.getByTestId('correct-answer-toggle')).toBeInTheDocument();
+    });
+    it('toggle show is set to false by default', () => {
+      mkWrapper();
+      const toggle = _react2.screen.getByTestId('correct-answer-toggle');
+      expect(toggle).toHaveAttribute('data-show', 'false');
+    });
+    it('shows toggle if mode is evaluate, feedback is enabled and responseCorrect is false', () => {
+      mkWrapper({
+        mode: 'evaluate',
+        responseCorrect: false,
+        feedbackEnabled: true
+      });
+      const toggle = _react2.screen.getByTestId('correct-answer-toggle');
+      expect(toggle).toHaveAttribute('data-show', 'true');
+    });
+    it('hides toggle if mode is evaluate and responseCorrect is true', () => {
+      mkWrapper({
+        mode: 'evaluate',
+        responseCorrect: true
+      });
+      const toggle = _react2.screen.getByTestId('correct-answer-toggle');
+      expect(toggle).toHaveAttribute('data-show', 'false');
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdDIiLCJfbXVsdGlwbGVDaG9pY2UiLCJfY29ycmVjdEFuc3dlclRvZ2dsZSIsImplc3QiLCJtb2NrIiwiTW9ja1RvZ2dsZSIsInByb3BzIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJzaG93IiwidG9nZ2xlZCIsImRpc3BsYXlOYW1lIiwiZGVzY3JpYmUiLCJvbkNob2ljZUNoYW5nZWQiLCJiZWZvcmVFYWNoIiwiZm4iLCJyZW5kZXJDaG9pY2UiLCJleHRyYXMiLCJjbGFzc2VzIiwiY2hvaWNlIiwiaW5kZXgiLCJjaG9pY2VzTGVuZ3RoIiwic2hvd0NvcnJlY3QiLCJpc0V2YWx1YXRlTW9kZSIsImNob2ljZU1vZGUiLCJkaXNhYmxlZCIsImNoZWNrZWQiLCJjb3JyZWN0bmVzcyIsImRpc3BsYXlLZXkiLCJjaG9pY2VzTGF5b3V0IiwiZ3JpZENvbHVtbnMiLCJyZW5kZXIiLCJDaG9pY2UiLCJpdCIsImNvbnRhaW5lciIsImlucHV0IiwicXVlcnlTZWxlY3RvciIsImNsaWNrIiwiZXhwZWN0Iiwibm90IiwidG9IYXZlQmVlbkNhbGxlZCIsIm1rV3JhcHBlciIsIm9wdHMiLCJkZWZhdWx0UHJvcHMiLCJjaG9pY2VzIiwia2V5TW9kZSIsIm1vZGUiLCJNdWx0aXBsZUNob2ljZSIsInNjcmVlbiIsImdldEJ5VGVzdElkIiwidG9CZUluVGhlRG9jdW1lbnQiLCJ0b2dnbGUiLCJ0b0hhdmVBdHRyaWJ1dGUiLCJyZXNwb25zZUNvcnJlY3QiLCJmZWVkYmFja0VuYWJsZWQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvX190ZXN0c19fL211bHRpcGxlLWNob2ljZS10ZXN0LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBzY3JlZW4gfSBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcbmltcG9ydCB7IE11bHRpcGxlQ2hvaWNlLCBDaG9pY2UgfSBmcm9tICcuLi9tdWx0aXBsZS1jaG9pY2UnO1xuaW1wb3J0IENvcnJlY3RBbnN3ZXJUb2dnbGUgZnJvbSAnQHBpZS1saWIvY29ycmVjdC1hbnN3ZXItdG9nZ2xlJztcblxuLy8gTW9jayB0aGUgQ29ycmVjdEFuc3dlclRvZ2dsZSBjb21wb25lbnRcbmplc3QubW9jaygnQHBpZS1saWIvY29ycmVjdC1hbnN3ZXItdG9nZ2xlJywgKCkgPT4ge1xuICBjb25zdCBNb2NrVG9nZ2xlID0gKHByb3BzKSA9PiAoXG4gICAgPGRpdiBkYXRhLXRlc3RpZD1cImNvcnJlY3QtYW5zd2VyLXRvZ2dsZVwiIGRhdGEtc2hvdz17cHJvcHMuc2hvd30gZGF0YS10b2dnbGVkPXtwcm9wcy50b2dnbGVkfT5cbiAgICAgIE1vY2sgVG9nZ2xlXG4gICAgPC9kaXY+XG4gICk7XG4gIE1vY2tUb2dnbGUuZGlzcGxheU5hbWUgPSAnQ29ycmVjdEFuc3dlclRvZ2dsZSc7XG4gIHJldHVybiBNb2NrVG9nZ2xlO1xufSk7XG5cbmRlc2NyaWJlKCdDaG9pY2UnLCAoKSA9PiB7XG4gIGxldCBvbkNob2ljZUNoYW5nZWQ7XG5cbiAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgb25DaG9pY2VDaGFuZ2VkID0gamVzdC5mbigpO1xuICB9KTtcblxuICBjb25zdCByZW5kZXJDaG9pY2UgPSAoZXh0cmFzID0ge30pID0+IHtcbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgIGNsYXNzZXM6IHt9LFxuICAgICAgY2hvaWNlOiB7fSxcbiAgICAgIGluZGV4OiAwLFxuICAgICAgY2hvaWNlc0xlbmd0aDogMSxcbiAgICAgIHNob3dDb3JyZWN0OiBmYWxzZSxcbiAgICAgIGlzRXZhbHVhdGVNb2RlOiBmYWxzZSxcbiAgICAgIGNob2ljZU1vZGU6ICdyYWRpbycsXG4gICAgICBkaXNhYmxlZDogdHJ1ZSxcbiAgICAgIG9uQ2hvaWNlQ2hhbmdlZCxcbiAgICAgIGNoZWNrZWQ6IHRydWUsXG4gICAgICBjb3JyZWN0bmVzczogJ2NvcnJlY3QnLFxuICAgICAgZGlzcGxheUtleTogJzAnLFxuICAgICAgY2hvaWNlc0xheW91dDogJ2dyaWQnLFxuICAgICAgZ3JpZENvbHVtbnM6IDIsXG4gICAgICAuLi5leHRyYXMsXG4gICAgfTtcbiAgICByZXR1cm4gcmVuZGVyKDxDaG9pY2Ugey4uLnByb3BzfSAvPik7XG4gIH07XG5cbiAgZGVzY3JpYmUoJ2xvZ2ljJywgKCkgPT4ge1xuICAgIGl0KCdkb2VzIG5vdCBjYWxsIG9uQ2hvaWNlQ2hhbmdlZCBpZiBkaXNhYmxlZCBpcyB0cnVlJywgKCkgPT4ge1xuICAgICAgY29uc3QgeyBjb250YWluZXIgfSA9IHJlbmRlckNob2ljZSh7IGRpc2FibGVkOiB0cnVlIH0pO1xuICAgICAgY29uc3QgaW5wdXQgPSBjb250YWluZXIucXVlcnlTZWxlY3RvcignaW5wdXQnKTtcbiAgICAgIGlmIChpbnB1dCkge1xuICAgICAgICBpbnB1dC5jbGljaygpO1xuICAgICAgfVxuICAgICAgLy8gV2hlbiBkaXNhYmxlZCwgb25DaGFuZ2Ugc2hvdWxkIG5vdCBiZSBjYWxsZWRcbiAgICAgIGV4cGVjdChvbkNob2ljZUNoYW5nZWQpLm5vdC50b0hhdmVCZWVuQ2FsbGVkKCk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG5cbmRlc2NyaWJlKCdDb3Jlc3ByaW5nQ2hvaWNlJywgKCkgPT4ge1xuICBjb25zdCBta1dyYXBwZXIgPSAob3B0cyA9IHt9KSA9PiB7XG4gICAgY29uc3QgZGVmYXVsdFByb3BzID0ge1xuICAgICAgY2xhc3Nlczoge30sXG4gICAgICBjaG9pY2VzOiBbXSxcbiAgICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICAgIGtleU1vZGU6ICdsZXR0ZXJzJyxcbiAgICAgIG9uQ2hvaWNlQ2hhbmdlZDogamVzdC5mbigpLFxuICAgICAgbW9kZTogJ2dhdGhlcicsXG4gICAgICAuLi5vcHRzLFxuICAgIH07XG5cbiAgICByZXR1cm4gcmVuZGVyKDxNdWx0aXBsZUNob2ljZSB7Li4uZGVmYXVsdFByb3BzfSAvPik7XG4gIH07XG5cbiAgZGVzY3JpYmUoJ1RvZ2dsZScsICgpID0+IHtcbiAgICBpdCgndG9nZ2xlIGlzIHJlbmRlcmVkJywgKCkgPT4ge1xuICAgICAgbWtXcmFwcGVyKCk7XG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGVzdElkKCdjb3JyZWN0LWFuc3dlci10b2dnbGUnKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICB9KTtcblxuICAgIGl0KCd0b2dnbGUgc2hvdyBpcyBzZXQgdG8gZmFsc2UgYnkgZGVmYXVsdCcsICgpID0+IHtcbiAgICAgIG1rV3JhcHBlcigpO1xuICAgICAgY29uc3QgdG9nZ2xlID0gc2NyZWVuLmdldEJ5VGVzdElkKCdjb3JyZWN0LWFuc3dlci10b2dnbGUnKTtcbiAgICAgIGV4cGVjdCh0b2dnbGUpLnRvSGF2ZUF0dHJpYnV0ZSgnZGF0YS1zaG93JywgJ2ZhbHNlJyk7XG4gICAgfSk7XG5cbiAgICBpdCgnc2hvd3MgdG9nZ2xlIGlmIG1vZGUgaXMgZXZhbHVhdGUsIGZlZWRiYWNrIGlzIGVuYWJsZWQgYW5kIHJlc3BvbnNlQ29ycmVjdCBpcyBmYWxzZScsICgpID0+IHtcbiAgICAgIG1rV3JhcHBlcih7IG1vZGU6ICdldmFsdWF0ZScsIHJlc3BvbnNlQ29ycmVjdDogZmFsc2UsIGZlZWRiYWNrRW5hYmxlZDogdHJ1ZSB9KTtcbiAgICAgIGNvbnN0IHRvZ2dsZSA9IHNjcmVlbi5nZXRCeVRlc3RJZCgnY29ycmVjdC1hbnN3ZXItdG9nZ2xlJyk7XG4gICAgICBleHBlY3QodG9nZ2xlKS50b0hhdmVBdHRyaWJ1dGUoJ2RhdGEtc2hvdycsICd0cnVlJyk7XG4gICAgfSk7XG5cbiAgICBpdCgnaGlkZXMgdG9nZ2xlIGlmIG1vZGUgaXMgZXZhbHVhdGUgYW5kIHJlc3BvbnNlQ29ycmVjdCBpcyB0cnVlJywgKCkgPT4ge1xuICAgICAgbWtXcmFwcGVyKHsgbW9kZTogJ2V2YWx1YXRlJywgcmVzcG9uc2VDb3JyZWN0OiB0cnVlIH0pO1xuICAgICAgY29uc3QgdG9nZ2xlID0gc2NyZWVuLmdldEJ5VGVzdElkKCdjb3JyZWN0LWFuc3dlci10b2dnbGUnKTtcbiAgICAgIGV4cGVjdCh0b2dnbGUpLnRvSGF2ZUF0dHJpYnV0ZSgnZGF0YS1zaG93JywgJ2ZhbHNlJyk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE9BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLGVBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLG9CQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFFQTtBQUNBSSxJQUFJLENBQUNDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxNQUFNO0VBQ2hELE1BQU1DLFVBQVUsR0FBSUMsS0FBSyxpQkFDdkJULE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBO0lBQUssZUFBWSx1QkFBdUI7SUFBQyxhQUFXRixLQUFLLENBQUNHLElBQUs7SUFBQyxnQkFBY0gsS0FBSyxDQUFDSTtFQUFRLEdBQUMsYUFFeEYsQ0FDTjtFQUNETCxVQUFVLENBQUNNLFdBQVcsR0FBRyxxQkFBcUI7RUFDOUMsT0FBT04sVUFBVTtBQUNuQixDQUFDLENBQUM7QUFFRk8sUUFBUSxDQUFDLFFBQVEsRUFBRSxNQUFNO0VBQ3ZCLElBQUlDLGVBQWU7RUFFbkJDLFVBQVUsQ0FBQyxNQUFNO0lBQ2ZELGVBQWUsR0FBR1YsSUFBSSxDQUFDWSxFQUFFLENBQUMsQ0FBQztFQUM3QixDQUFDLENBQUM7RUFFRixNQUFNQyxZQUFZLEdBQUdBLENBQUNDLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSztJQUNwQyxNQUFNWCxLQUFLLEdBQUc7TUFDWlksT0FBTyxFQUFFLENBQUMsQ0FBQztNQUNYQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO01BQ1ZDLEtBQUssRUFBRSxDQUFDO01BQ1JDLGFBQWEsRUFBRSxDQUFDO01BQ2hCQyxXQUFXLEVBQUUsS0FBSztNQUNsQkMsY0FBYyxFQUFFLEtBQUs7TUFDckJDLFVBQVUsRUFBRSxPQUFPO01BQ25CQyxRQUFRLEVBQUUsSUFBSTtNQUNkWixlQUFlO01BQ2ZhLE9BQU8sRUFBRSxJQUFJO01BQ2JDLFdBQVcsRUFBRSxTQUFTO01BQ3RCQyxVQUFVLEVBQUUsR0FBRztNQUNmQyxhQUFhLEVBQUUsTUFBTTtNQUNyQkMsV0FBVyxFQUFFLENBQUM7TUFDZCxHQUFHYjtJQUNMLENBQUM7SUFDRCxPQUFPLElBQUFjLGNBQU0sZUFBQ2xDLE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBLENBQUNQLGVBQUEsQ0FBQStCLE1BQU0sRUFBSzFCLEtBQVEsQ0FBQyxDQUFDO0VBQ3RDLENBQUM7RUFFRE0sUUFBUSxDQUFDLE9BQU8sRUFBRSxNQUFNO0lBQ3RCcUIsRUFBRSxDQUFDLG1EQUFtRCxFQUFFLE1BQU07TUFDNUQsTUFBTTtRQUFFQztNQUFVLENBQUMsR0FBR2xCLFlBQVksQ0FBQztRQUFFUyxRQUFRLEVBQUU7TUFBSyxDQUFDLENBQUM7TUFDdEQsTUFBTVUsS0FBSyxHQUFHRCxTQUFTLENBQUNFLGFBQWEsQ0FBQyxPQUFPLENBQUM7TUFDOUMsSUFBSUQsS0FBSyxFQUFFO1FBQ1RBLEtBQUssQ0FBQ0UsS0FBSyxDQUFDLENBQUM7TUFDZjtNQUNBO01BQ0FDLE1BQU0sQ0FBQ3pCLGVBQWUsQ0FBQyxDQUFDMEIsR0FBRyxDQUFDQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2hELENBQUMsQ0FBQztFQUNKLENBQUMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGNUIsUUFBUSxDQUFDLGtCQUFrQixFQUFFLE1BQU07RUFDakMsTUFBTTZCLFNBQVMsR0FBR0EsQ0FBQ0MsSUFBSSxHQUFHLENBQUMsQ0FBQyxLQUFLO0lBQy9CLE1BQU1DLFlBQVksR0FBRztNQUNuQnpCLE9BQU8sRUFBRSxDQUFDLENBQUM7TUFDWDBCLE9BQU8sRUFBRSxFQUFFO01BQ1huQixRQUFRLEVBQUUsS0FBSztNQUNmb0IsT0FBTyxFQUFFLFNBQVM7TUFDbEJoQyxlQUFlLEVBQUVWLElBQUksQ0FBQ1ksRUFBRSxDQUFDLENBQUM7TUFDMUIrQixJQUFJLEVBQUUsUUFBUTtNQUNkLEdBQUdKO0lBQ0wsQ0FBQztJQUVELE9BQU8sSUFBQVgsY0FBTSxlQUFDbEMsTUFBQSxDQUFBVSxPQUFBLENBQUFDLGFBQUEsQ0FBQ1AsZUFBQSxDQUFBOEMsY0FBYyxFQUFLSixZQUFlLENBQUMsQ0FBQztFQUNyRCxDQUFDO0VBRUQvQixRQUFRLENBQUMsUUFBUSxFQUFFLE1BQU07SUFDdkJxQixFQUFFLENBQUMsb0JBQW9CLEVBQUUsTUFBTTtNQUM3QlEsU0FBUyxDQUFDLENBQUM7TUFDWEgsTUFBTSxDQUFDVSxjQUFNLENBQUNDLFdBQVcsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUNDLGlCQUFpQixDQUFDLENBQUM7SUFDekUsQ0FBQyxDQUFDO0lBRUZqQixFQUFFLENBQUMsd0NBQXdDLEVBQUUsTUFBTTtNQUNqRFEsU0FBUyxDQUFDLENBQUM7TUFDWCxNQUFNVSxNQUFNLEdBQUdILGNBQU0sQ0FBQ0MsV0FBVyxDQUFDLHVCQUF1QixDQUFDO01BQzFEWCxNQUFNLENBQUNhLE1BQU0sQ0FBQyxDQUFDQyxlQUFlLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQztJQUN0RCxDQUFDLENBQUM7SUFFRm5CLEVBQUUsQ0FBQyxvRkFBb0YsRUFBRSxNQUFNO01BQzdGUSxTQUFTLENBQUM7UUFBRUssSUFBSSxFQUFFLFVBQVU7UUFBRU8sZUFBZSxFQUFFLEtBQUs7UUFBRUMsZUFBZSxFQUFFO01BQUssQ0FBQyxDQUFDO01BQzlFLE1BQU1ILE1BQU0sR0FBR0gsY0FBTSxDQUFDQyxXQUFXLENBQUMsdUJBQXVCLENBQUM7TUFDMURYLE1BQU0sQ0FBQ2EsTUFBTSxDQUFDLENBQUNDLGVBQWUsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO0lBQ3JELENBQUMsQ0FBQztJQUVGbkIsRUFBRSxDQUFDLDhEQUE4RCxFQUFFLE1BQU07TUFDdkVRLFNBQVMsQ0FBQztRQUFFSyxJQUFJLEVBQUUsVUFBVTtRQUFFTyxlQUFlLEVBQUU7TUFBSyxDQUFDLENBQUM7TUFDdEQsTUFBTUYsTUFBTSxHQUFHSCxjQUFNLENBQUNDLFdBQVcsQ0FBQyx1QkFBdUIsQ0FBQztNQUMxRFgsTUFBTSxDQUFDYSxNQUFNLENBQUMsQ0FBQ0MsZUFBZSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7SUFDdEQsQ0FBQyxDQUFDO0VBQ0osQ0FBQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIiwiaWdub3JlTGlzdCI6W119

package/lib/__tests__/session-updater-test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _sessionUpdater = require("../session-updater");
+describe('session-updater', () => {
+  let updater;
+  beforeEach(() => {});
+  describe('updateSessionValue', () => {
+    const assert = (mode, session, data, expected) => {
+      return () => {
+        (0, _sessionUpdater.updateSessionValue)(session, mode, data);
+        expect(session.value).toEqual(expected);
+      };
+    };
+    describe('checkbox', () => {
+      const cb = assert.bind(null, 'checkbox');
+      it('adds 1', cb({
+        value: []
+      }, {
+        value: '1',
+        selected: true
+      }, ['1']));
+      it('removes 1', cb({
+        value: ['1']
+      }, {
+        value: '1',
+        selected: false
+      }, []));
+      it('adds 2', cb({
+        value: ['1']
+      }, {
+        value: '2',
+        selected: true
+      }, ['1', '2']));
+      it('does not add duplicate 1', cb({
+        value: ['1']
+      }, {
+        value: '1',
+        selected: true
+      }, ['1']));
+      it('does not remove if not in arrary', cb({
+        value: ['1']
+      }, {
+        value: '2',
+        selected: false
+      }, ['1']));
+    });
+    describe('radio', () => {
+      const cb = assert.bind(null, 'radio');
+      it('adds 1', cb({
+        value: []
+      }, {
+        value: '1',
+        selected: true
+      }, ['1']));
+      it('adds 2', cb({
+        value: ['1']
+      }, {
+        value: '2',
+        selected: true
+      }, ['2']));
+      it('does not add duplicate 1', cb({
+        value: ['1']
+      }, {
+        value: '1',
+        selected: true
+      }, ['1']));
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2Vzc2lvblVwZGF0ZXIiLCJyZXF1aXJlIiwiZGVzY3JpYmUiLCJ1cGRhdGVyIiwiYmVmb3JlRWFjaCIsImFzc2VydCIsIm1vZGUiLCJzZXNzaW9uIiwiZGF0YSIsImV4cGVjdGVkIiwidXBkYXRlU2Vzc2lvblZhbHVlIiwiZXhwZWN0IiwidmFsdWUiLCJ0b0VxdWFsIiwiY2IiLCJiaW5kIiwiaXQiLCJzZWxlY3RlZCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vc2Vzc2lvbi11cGRhdGVyLXRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVwZGF0ZVNlc3Npb25WYWx1ZSB9IGZyb20gJy4uL3Nlc3Npb24tdXBkYXRlcic7XG5cbmRlc2NyaWJlKCdzZXNzaW9uLXVwZGF0ZXInLCAoKSA9PiB7XG4gIGxldCB1cGRhdGVyO1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge30pO1xuXG4gIGRlc2NyaWJlKCd1cGRhdGVTZXNzaW9uVmFsdWUnLCAoKSA9PiB7XG4gICAgY29uc3QgYXNzZXJ0ID0gKG1vZGUsIHNlc3Npb24sIGRhdGEsIGV4cGVjdGVkKSA9PiB7XG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICB1cGRhdGVTZXNzaW9uVmFsdWUoc2Vzc2lvbiwgbW9kZSwgZGF0YSk7XG4gICAgICAgIGV4cGVjdChzZXNzaW9uLnZhbHVlKS50b0VxdWFsKGV4cGVjdGVkKTtcbiAgICAgIH07XG4gICAgfTtcblxuICAgIGRlc2NyaWJlKCdjaGVja2JveCcsICgpID0+IHtcbiAgICAgIGNvbnN0IGNiID0gYXNzZXJ0LmJpbmQobnVsbCwgJ2NoZWNrYm94Jyk7XG4gICAgICBpdCgnYWRkcyAxJywgY2IoeyB2YWx1ZTogW10gfSwgeyB2YWx1ZTogJzEnLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnXSkpO1xuICAgICAgaXQoJ3JlbW92ZXMgMScsIGNiKHsgdmFsdWU6IFsnMSddIH0sIHsgdmFsdWU6ICcxJywgc2VsZWN0ZWQ6IGZhbHNlIH0sIFtdKSk7XG4gICAgICBpdCgnYWRkcyAyJywgY2IoeyB2YWx1ZTogWycxJ10gfSwgeyB2YWx1ZTogJzInLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnLCAnMiddKSk7XG4gICAgICBpdCgnZG9lcyBub3QgYWRkIGR1cGxpY2F0ZSAxJywgY2IoeyB2YWx1ZTogWycxJ10gfSwgeyB2YWx1ZTogJzEnLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnXSkpO1xuICAgICAgaXQoJ2RvZXMgbm90IHJlbW92ZSBpZiBub3QgaW4gYXJyYXJ5JywgY2IoeyB2YWx1ZTogWycxJ10gfSwgeyB2YWx1ZTogJzInLCBzZWxlY3RlZDogZmFsc2UgfSwgWycxJ10pKTtcbiAgICB9KTtcblxuICAgIGRlc2NyaWJlKCdyYWRpbycsICgpID0+IHtcbiAgICAgIGNvbnN0IGNiID0gYXNzZXJ0LmJpbmQobnVsbCwgJ3JhZGlvJyk7XG4gICAgICBpdCgnYWRkcyAxJywgY2IoeyB2YWx1ZTogW10gfSwgeyB2YWx1ZTogJzEnLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnXSkpO1xuICAgICAgaXQoJ2FkZHMgMicsIGNiKHsgdmFsdWU6IFsnMSddIH0sIHsgdmFsdWU6ICcyJywgc2VsZWN0ZWQ6IHRydWUgfSwgWycyJ10pKTtcbiAgICAgIGl0KCdkb2VzIG5vdCBhZGQgZHVwbGljYXRlIDEnLCBjYih7IHZhbHVlOiBbJzEnXSB9LCB7IHZhbHVlOiAnMScsIHNlbGVjdGVkOiB0cnVlIH0sIFsnMSddKSk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUEsSUFBQUEsZUFBQSxHQUFBQyxPQUFBO0FBRUFDLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxNQUFNO0VBQ2hDLElBQUlDLE9BQU87RUFFWEMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7RUFFcEJGLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxNQUFNO0lBQ25DLE1BQU1HLE1BQU0sR0FBR0EsQ0FBQ0MsSUFBSSxFQUFFQyxPQUFPLEVBQUVDLElBQUksRUFB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

package/lib/choice-input.js

@@ -79,11 +79,6 @@ const getInputStyles = correctness => {
   return {
     [key('root')]: {
       ...colorStyle('color', _renderUi.color.text()),
-      ...(correctness ? {} : {
-        '&:hover': {
-          color: `${_renderUi.color.primaryLight()} !important`
-        }
-      }),
       ...(correctness === 'correct' ? colorStyle('correct-color', _renderUi.color.text()) : {}),
       ...(correctness === 'incorrect' ? colorStyle('incorrect-color', _renderUi.color.incorrect()) : {})
     },
@@ -121,7 +116,11 @@ const StyledCheckboxBase = (0, _styles.styled)(_Checkbox.default, {
     [`&.${CLASS_NAME}`]: {
       ...styles[key('root')],
       '&.Mui-checked': styles[key('checked')],
-      '&.Mui-disabled': correctness ? {} : styles[key('disabled')]
+      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],
+      '&:hover:not(.Mui-disabled) svg': {
+        boxShadow: `0px 0px 0px 2px ${_renderUi.color.keyBoardFocusIndicator()}`,
+        borderRadius: '4px'
+      }
     },
     '&.Mui-focusVisible': {
       '&:not(.Mui-checked)': styles.focusVisibleUnchecked,
@@ -172,14 +171,21 @@ const StyledRadioBase = (0, _styles.styled)(_Radio.default, {
     [`&.${CLASS_NAME}`]: {
       ...styles[key('root')],
       '&.Mui-checked': styles[key('checked')],
-      '&.Mui-disabled': correctness ? {} : styles[key('disabled')]
+      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],
+      '&.Mui-focusVisible:not(.Mui-checked)': styles.focusVisibleUnchecked,
+      '&.Mui-focusVisible.Mui-checked': styles.focusVisibleChecked,
+      '&:hover:not(.Mui-disabled) svg': {
+        boxShadow: `0px 0px 0px 2px ${_renderUi.color.keyBoardFocusIndicator()}`,
+        borderRadius: '50%'
+      }
     },
     '&.Mui-focusVisible': {
       '& input': {
         outline: 0
       },
-      '&:not(.Mui-checked)': styles.focusVisibleUnchecked,
-      '&.Mui-checked': styles.focusVisibleChecked
+      '& .MuiTouchRipple-root': {
+        display: 'none'
+      }
     }
   };
 });

package/lib/choice-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice-input.js","names":["_FormControlLabel","_interopRequireDefault","require","_react","_propTypes","_styles","_Box","_Checkbox","_renderUi","_Radio","_classnames","_feedbackTick","CLASS_NAME","Row","styled","Box","display","alignItems","backgroundColor","color","background","CheckboxHolder","flex","marginLeft","text","fontSize","padding","BelowSelectionComponent","theme","spacing","SrOnly","position","left","top","width","height","overflow","StyledFormControlLabel","exports","FormControlLabel","letterSpacing","cursor","colorStyle","varName","fallback","getInputStyles","correctness","key","k","primaryLight","incorrect","correct","primary","disabled","opacity","pointerEvents","focusVisibleUnchecked","outline","keyBoardFocusIndicator","focusVisibleChecked","StyledCheckboxBase","Checkbox","shouldForwardProp","prop","styles","StyledCheckbox","props","checked","onChange","value","id","onKeyDown","inputRef","miniProps","default","createElement","_extends2","slotProps","input","ref","disableRipple","className","StyledRadioBase","Radio","StyledRadio","tagName","name","ChoiceInput","React","Component","constructor","_defineProperty2","event","choiceMode","isArrowDown","isArrowUp","preventDefault","currentEl","document","getElementById","choiceId","fieldset","closest","groupCheckboxes","Array","from","querySelectorAll","currentIndex","findIndex","el","nextIndex","nextEl","focus","onToggleChoice","bind","generateChoiceId","descId","Math","random","toFixed","render","displayKey","feedback","label","rationale","hideTick","isEvaluateMode","choicesLayout","isSelectionButtonBelow","Tag","classSuffix","holderSx","margin","justifyContent","hasMathOrImage","includes","screenReaderLabel","choicelabel","Fragment","component","PreviewPrompt","prompt","tagProps","handleKeyDown","control","style","classNames","sx","htmlFor","labelPlacement","undefined","defaultClassName","Feedback","PropTypes","oneOf","string","bool","isRequired","func","_default"],"sources":["../src/choice-input.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Feedback, color, PreviewPrompt } from '@pie-lib/render-ui';\nimport Radio from '@mui/material/Radio';\nimport classNames from 'classnames';\n\nimport FeedbackTick from './feedback-tick';\n\nconst CLASS_NAME = 'multiple-choice-component';\n\nconst Row = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: color.background(),\n});\n\nconst CheckboxHolder = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: color.background(),\n  flex: 1,\n  '& .MuiFormControlLabel-root': {\n    marginLeft: '-14px', // to be consistent to previous versions before MUI v5 upgrade\n  },\n  '& label': {\n    color: color.text(),\n    '& > span': {\n      fontSize: 'inherit',\n    },\n    '& > .MuiButtonBase-root': {\n      padding: '12px', // to be consistent to previous versions before MUI v5 upgrade\n    },\n  },\n});\n\nconst BelowSelectionComponent = styled('span')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  '& > span': {\n    // visually reduce right padding, but maintain accessibility padding for checkbox indicators to be circles\n    marginLeft: `-${theme.spacing(1)}`,\n  },\n}));\n\nconst SrOnly = styled('span')({\n  position: 'absolute',\n  left: '-10000px',\n  top: 'auto',\n  width: '1px',\n  height: '1px',\n  overflow: 'hidden',\n});\n\nexport const StyledFormControlLabel = styled(FormControlLabel)({\n  '& .MuiFormControlLabel-label': {\n    color: `${color.text()} !important`,\n    backgroundColor: color.background(),\n    letterSpacing: 'normal',\n  },\n  '&.Mui-disabled *': {\n    cursor: 'not-allowed !important',\n  },\n});\n\nconst colorStyle = (varName, fallback) => ({\n  [`&.${CLASS_NAME}`]: {\n    color: `var(--choice-input-${varName}, ${fallback}) !important`,\n  },\n});\n\nconst getInputStyles = (correctness) => {\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [key('root')]: {\n      ...colorStyle('color', color.text()),\n      ...(correctness ? {} : {\n        '&:hover': { color: `${color.primaryLight()} !important` },\n      }),\n      ...(correctness === 'correct' ? colorStyle('correct-color', color.text()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-color', color.incorrect()) : {}),\n    },\n    [key('checked')]: {\n      ...(correctness === 'correct' ? colorStyle('correct-selected-color', color.correct()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-checked', color.incorrect()) : {}),\n      ...(!correctness ? colorStyle('selected-color', color.primary()) : {}),\n    },\n    [key('disabled')]: {\n      ...colorStyle('disabled-color', color.text()),\n      ...(correctness === 'correct' ? colorStyle('correct-disabled-color', color.disabled()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-disabled-color', color.disabled()) : {}),\n      opacity: 0.6,\n      cursor: 'not-allowed !important',\n      pointerEvents: 'initial !important',\n    },\n    focusVisibleUnchecked: {\n      outline: `2px solid ${color.keyBoardFocusIndicator()}`,\n      backgroundColor: 'transparent',\n    },\n    focusVisibleChecked: {\n      outline: `2px solid ${color.keyBoardFocusIndicator()}`,\n      backgroundColor: 'transparent',\n    },\n  };\n};\n\nconst StyledCheckboxBase = styled(Checkbox, {\n  shouldForwardProp: (prop) => prop !== 'correctness',\n})(({ correctness }) => {\n  const styles = getInputStyles(correctness);\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [`&.${CLASS_NAME}`]: {\n      ...styles[key('root')],\n      '&.Mui-checked': styles[key('checked')],\n      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],\n    },\n    '&.Mui-focusVisible': {\n      '&:not(.Mui-checked)': styles.focusVisibleUnchecked,\n      '&.Mui-checked': styles.focusVisibleChecked,\n    },\n  };\n});\n\nexport const StyledCheckbox = (props) => {\n  const { correctness, checked, onChange, disabled, value, id, onKeyDown, inputRef } = props;\n\n  const miniProps = { checked, onChange, disabled, value };\n\n  return (\n    <StyledCheckboxBase\n      id={id}\n      slotProps={{ input: { ref: inputRef } }}\n      onKeyDown={onKeyDown}\n      disableRipple\n      {...miniProps}\n      correctness={correctness}\n      className={CLASS_NAME}\n    />\n  );\n};\n\nconst StyledRadioBase = styled(Radio, {\n  shouldForwardProp: (prop) => prop !== 'correctness',\n})(({ correctness }) => {\n  const styles = getInputStyles(correctness);\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [`&.${CLASS_NAME}`]: {\n      ...styles[key('root')],\n      '&.Mui-checked': styles[key('checked')],\n      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],\n    },\n    '&.Mui-focusVisible': {\n      '& input': { outline: 0 },\n      '&:not(.Mui-checked)': styles.focusVisibleUnchecked,\n      '&.Mui-checked': styles.focusVisibleChecked,\n    },\n  };\n});\n\nexport const StyledRadio = (props) => {\n  const { correctness, checked, onChange, disabled, value, id, tagName, inputRef } = props;\n\n  const miniProps = { checked, onChange, disabled, value };\n\n  return (\n    <StyledRadioBase\n      id={id}\n      slotProps={{ input: { ref: inputRef } }}\n      disableRipple\n      {...miniProps}\n      correctness={correctness}\n      className={CLASS_NAME}\n      name={tagName}\n    />\n  );\n};\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    displayKey: PropTypes.string,\n    checked: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool.isRequired,\n    feedback: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    rationale: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    tagName: PropTypes.string,\n    hideTick: PropTypes.bool,\n    isEvaluateMode: PropTypes.bool,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    isSelectionButtonBelow: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    rationale: null,\n    checked: false,\n    isEvaluateMode: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.onToggleChoice = this.onToggleChoice.bind(this);\n    this.choiceId = this.generateChoiceId();\n    this.descId = `${this.choiceId}-desc`;\n  }\n\n  onToggleChoice(event) {\n    this.props.onChange(event);\n  }\n\n  generateChoiceId() {\n    return 'choice-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleKeyDown = (event) => {\n    const { choiceMode } = this.props;\n\n    if (choiceMode !== 'checkbox') return;\n\n    const isArrowDown = event.key === 'ArrowDown';\n    const isArrowUp = event.key === 'ArrowUp';\n\n    if (!isArrowDown && !isArrowUp) return;\n\n    event.preventDefault();\n\n    const currentEl = document.getElementById(this.choiceId);\n    if (!currentEl) return;\n\n    const fieldset = currentEl.closest('fieldset');\n    if (!fieldset) return;\n\n    const groupCheckboxes = Array.from(fieldset.querySelectorAll('input[type=\"checkbox\"]'));\n\n    const currentIndex = groupCheckboxes.findIndex((el) => el === currentEl);\n    if (currentIndex === -1) return;\n\n    const nextIndex = isArrowDown ? currentIndex + 1 : currentIndex - 1;\n    const nextEl = groupCheckboxes[nextIndex];\n\n    if (nextEl) {\n      nextEl.focus();\n    }\n  };\n\n  render() {\n    const {\n      choiceMode,\n      disabled,\n      displayKey,\n      feedback,\n      label,\n      correctness,\n      className,\n      rationale,\n      hideTick,\n      isEvaluateMode,\n      choicesLayout,\n      value,\n      checked,\n      tagName,\n      isSelectionButtonBelow,\n    } = this.props;\n\n    const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;\n    const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';\n\n    const holderSx = {\n      ...(choicesLayout === 'horizontal' && {\n        [`& .${CLASS_NAME}`]: {\n          padding: '8px',\n          margin: '4px 0 4px 4px',\n        },\n      }),\n      ...(isSelectionButtonBelow && choicesLayout !== 'grid' && {\n        '& > label': {\n          alignItems: 'flex-start',\n        },\n      }),\n      ...(isSelectionButtonBelow && choicesLayout === 'grid' && {\n        justifyContent: 'center',\n        '& > label': {\n          alignItems: 'center',\n        },\n      }),\n    };\n\n    const hasMathOrImage =\n      typeof label === 'string' &&\n      (label.includes('<math') ||\n        label.includes('\\\\(') ||\n        label.includes('\\\\[') ||\n        label.includes('<img') ||\n        label.includes('data-latex') ||\n        label.includes('data-raw') ||\n        label.includes('<mjx-container'));\n\n    const screenReaderLabel = displayKey ? (\n      <SrOnly id={this.descId}>\n        {hasMathOrImage ? `Pick the answer below, ${displayKey}` : displayKey}\n      </SrOnly>\n    ) : null;\n\n    const choicelabel = (\n      <>\n        {displayKey && !isSelectionButtonBelow ? (\n          <Row component=\"span\">\n            <span aria-hidden=\"true\">{displayKey}.{'\\u00A0'}</span>\n            <PreviewPrompt className=\"prompt-label\" prompt={label} tagName=\"span\" />\n          </Row>\n        ) : (\n          <PreviewPrompt className=\"prompt-label\" prompt={label} tagName=\"span\" />\n        )}\n      </>\n    );\n\n    const tagProps = {\n      disabled,\n      checked,\n      correctness,\n      tagName,\n      value,\n      id: this.choiceId,\n      onChange: this.onToggleChoice,\n      onKeyDown: this.handleKeyDown,\n      ...(screenReaderLabel ? { 'aria-describedby': this.descId } : {}),\n    };\n\n    const control = isSelectionButtonBelow ? (\n      <BelowSelectionComponent>\n        {screenReaderLabel}\n        <Tag {...tagProps} style={{ padding: 0 }} />\n        <span aria-hidden=\"true\">{displayKey ? `${displayKey}.` : ''}</span>\n      </BelowSelectionComponent>\n    ) : (\n      <>\n        {screenReaderLabel}\n        <Tag {...tagProps} />\n      </>\n    );\n\n    return (\n      <div className={classNames(className, 'corespring-' + classSuffix, 'choice-input')}>\n        <Row>\n          {!hideTick && isEvaluateMode && <FeedbackTick correctness={correctness} />}\n          <CheckboxHolder className=\"checkbox-holder\" sx={holderSx}>\n            <StyledFormControlLabel\n              label={choicelabel}\n              value={value}\n              htmlFor={this.choiceId}\n              labelPlacement={isSelectionButtonBelow ? 'top' : undefined}\n              control={control}\n            />\n          </CheckboxHolder>\n        </Row>\n        {rationale && <PreviewPrompt className=\"rationale\" defaultClassName=\"rationale\" prompt={rationale} />}\n        <Feedback feedback={feedback} correctness={correctness} />\n      </div>\n    );\n  }\n}\n\nexport default ChoiceInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"choice-input.js","names":["_FormControlLabel","_interopRequireDefault","require","_react","_propTypes","_styles","_Box","_Checkbox","_renderUi","_Radio","_classnames","_feedbackTick","CLASS_NAME","Row","styled","Box","display","alignItems","backgroundColor","color","background","CheckboxHolder","flex","marginLeft","text","fontSize","padding","BelowSelectionComponent","theme","spacing","SrOnly","position","left","top","width","height","overflow","StyledFormControlLabel","exports","FormControlLabel","letterSpacing","cursor","colorStyle","varName","fallback","getInputStyles","correctness","key","k","incorrect","correct","primary","disabled","opacity","pointerEvents","focusVisibleUnchecked","outline","keyBoardFocusIndicator","focusVisibleChecked","StyledCheckboxBase","Checkbox","shouldForwardProp","prop","styles","boxShadow","borderRadius","StyledCheckbox","props","checked","onChange","value","id","onKeyDown","inputRef","miniProps","default","createElement","_extends2","slotProps","input","ref","disableRipple","className","StyledRadioBase","Radio","StyledRadio","tagName","name","ChoiceInput","React","Component","constructor","_defineProperty2","event","choiceMode","isArrowDown","isArrowUp","preventDefault","currentEl","document","getElementById","choiceId","fieldset","closest","groupCheckboxes","Array","from","querySelectorAll","currentIndex","findIndex","el","nextIndex","nextEl","focus","onToggleChoice","bind","generateChoiceId","descId","Math","random","toFixed","render","displayKey","feedback","label","rationale","hideTick","isEvaluateMode","choicesLayout","isSelectionButtonBelow","Tag","classSuffix","holderSx","margin","justifyContent","hasMathOrImage","includes","screenReaderLabel","choicelabel","Fragment","component","PreviewPrompt","prompt","tagProps","handleKeyDown","control","style","classNames","sx","htmlFor","labelPlacement","undefined","defaultClassName","Feedback","PropTypes","oneOf","string","bool","isRequired","func","_default"],"sources":["../src/choice-input.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Feedback, color, PreviewPrompt } from '@pie-lib/render-ui';\nimport Radio from '@mui/material/Radio';\nimport classNames from 'classnames';\n\nimport FeedbackTick from './feedback-tick';\n\nconst CLASS_NAME = 'multiple-choice-component';\n\nconst Row = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: color.background(),\n});\n\nconst CheckboxHolder = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: color.background(),\n  flex: 1,\n  '& .MuiFormControlLabel-root': {\n    marginLeft: '-14px', // to be consistent to previous versions before MUI v5 upgrade\n  },\n  '& label': {\n    color: color.text(),\n    '& > span': {\n      fontSize: 'inherit',\n    },\n    '& > .MuiButtonBase-root': {\n      padding: '12px', // to be consistent to previous versions before MUI v5 upgrade\n    },\n  },\n});\n\nconst BelowSelectionComponent = styled('span')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  '& > span': {\n    // visually reduce right padding, but maintain accessibility padding for checkbox indicators to be circles\n    marginLeft: `-${theme.spacing(1)}`,\n  },\n}));\n\nconst SrOnly = styled('span')({\n  position: 'absolute',\n  left: '-10000px',\n  top: 'auto',\n  width: '1px',\n  height: '1px',\n  overflow: 'hidden',\n});\n\nexport const StyledFormControlLabel = styled(FormControlLabel)({\n  '& .MuiFormControlLabel-label': {\n    color: `${color.text()} !important`,\n    backgroundColor: color.background(),\n    letterSpacing: 'normal',\n  },\n  '&.Mui-disabled *': {\n    cursor: 'not-allowed !important',\n  },\n});\n\nconst colorStyle = (varName, fallback) => ({\n  [`&.${CLASS_NAME}`]: {\n    color: `var(--choice-input-${varName}, ${fallback}) !important`,\n  },\n});\n\nconst getInputStyles = (correctness) => {\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [key('root')]: {\n      ...colorStyle('color', color.text()),\n      ...(correctness === 'correct' ? colorStyle('correct-color', color.text()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-color', color.incorrect()) : {}),\n    },\n    [key('checked')]: {\n      ...(correctness === 'correct' ? colorStyle('correct-selected-color', color.correct()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-checked', color.incorrect()) : {}),\n      ...(!correctness ? colorStyle('selected-color', color.primary()) : {}),\n    },\n    [key('disabled')]: {\n      ...colorStyle('disabled-color', color.text()),\n      ...(correctness === 'correct' ? colorStyle('correct-disabled-color', color.disabled()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-disabled-color', color.disabled()) : {}),\n      opacity: 0.6,\n      cursor: 'not-allowed !important',\n      pointerEvents: 'initial !important',\n    },\n    focusVisibleUnchecked: {\n      outline: `2px solid ${color.keyBoardFocusIndicator()}`,\n      backgroundColor: 'transparent',\n    },\n    focusVisibleChecked: {\n      outline: `2px solid ${color.keyBoardFocusIndicator()}`,\n      backgroundColor: 'transparent',\n    },\n  };\n};\n\nconst StyledCheckboxBase = styled(Checkbox, {\n  shouldForwardProp: (prop) => prop !== 'correctness',\n})(({ correctness }) => {\n  const styles = getInputStyles(correctness);\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [`&.${CLASS_NAME}`]: {\n      ...styles[key('root')],\n      '&.Mui-checked': styles[key('checked')],\n      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],\n      '&:hover:not(.Mui-disabled) svg': {\n        boxShadow: `0px 0px 0px 2px ${color.keyBoardFocusIndicator()}`,\n        borderRadius: '4px',\n      },\n    },\n    '&.Mui-focusVisible': {\n      '&:not(.Mui-checked)': styles.focusVisibleUnchecked,\n      '&.Mui-checked': styles.focusVisibleChecked,\n    },\n  };\n});\n\nexport const StyledCheckbox = (props) => {\n  const { correctness, checked, onChange, disabled, value, id, onKeyDown, inputRef } = props;\n\n  const miniProps = { checked, onChange, disabled, value };\n\n  return (\n    <StyledCheckboxBase\n      id={id}\n      slotProps={{ input: { ref: inputRef } }}\n      onKeyDown={onKeyDown}\n      disableRipple\n      {...miniProps}\n      correctness={correctness}\n      className={CLASS_NAME}\n    />\n  );\n};\n\nconst StyledRadioBase = styled(Radio, {\n  shouldForwardProp: (prop) => prop !== 'correctness',\n})(({ correctness }) => {\n  const styles = getInputStyles(correctness);\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [`&.${CLASS_NAME}`]: {\n      ...styles[key('root')],\n      '&.Mui-checked': styles[key('checked')],\n      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],\n      '&.Mui-focusVisible:not(.Mui-checked)': styles.focusVisibleUnchecked,\n      '&.Mui-focusVisible.Mui-checked': styles.focusVisibleChecked,\n      '&:hover:not(.Mui-disabled) svg': {\n        boxShadow: `0px 0px 0px 2px ${color.keyBoardFocusIndicator()}`,\n        borderRadius: '50%',\n      },\n    },\n    '&.Mui-focusVisible': {\n      '& input': { outline: 0 },\n      '& .MuiTouchRipple-root': { display: 'none' },\n    },\n  };\n});\n\nexport const StyledRadio = (props) => {\n  const { correctness, checked, onChange, disabled, value, id, tagName, inputRef } = props;\n\n  const miniProps = { checked, onChange, disabled, value };\n\n  return (\n    <StyledRadioBase\n      id={id}\n      slotProps={{ input: { ref: inputRef } }}\n      disableRipple\n      {...miniProps}\n      correctness={correctness}\n      className={CLASS_NAME}\n      name={tagName}\n    />\n  );\n};\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    displayKey: PropTypes.string,\n    checked: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool.isRequired,\n    feedback: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    rationale: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    tagName: PropTypes.string,\n    hideTick: PropTypes.bool,\n    isEvaluateMode: PropTypes.bool,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    isSelectionButtonBelow: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    rationale: null,\n    checked: false,\n    isEvaluateMode: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.onToggleChoice = this.onToggleChoice.bind(this);\n    this.choiceId = this.generateChoiceId();\n    this.descId = `${this.choiceId}-desc`;\n  }\n\n  onToggleChoice(event) {\n    this.props.onChange(event);\n  }\n\n  generateChoiceId() {\n    return 'choice-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleKeyDown = (event) => {\n    const { choiceMode } = this.props;\n\n    if (choiceMode !== 'checkbox') return;\n\n    const isArrowDown = event.key === 'ArrowDown';\n    const isArrowUp = event.key === 'ArrowUp';\n\n    if (!isArrowDown && !isArrowUp) return;\n\n    event.preventDefault();\n\n    const currentEl = document.getElementById(this.choiceId);\n    if (!currentEl) return;\n\n    const fieldset = currentEl.closest('fieldset');\n    if (!fieldset) return;\n\n    const groupCheckboxes = Array.from(fieldset.querySelectorAll('input[type=\"checkbox\"]'));\n\n    const currentIndex = groupCheckboxes.findIndex((el) => el === currentEl);\n    if (currentIndex === -1) return;\n\n    const nextIndex = isArrowDown ? currentIndex + 1 : currentIndex - 1;\n    const nextEl = groupCheckboxes[nextIndex];\n\n    if (nextEl) {\n      nextEl.focus();\n    }\n  };\n\n  render() {\n    const {\n      choiceMode,\n      disabled,\n      displayKey,\n      feedback,\n      label,\n      correctness,\n      className,\n      rationale,\n      hideTick,\n      isEvaluateMode,\n      choicesLayout,\n      value,\n      checked,\n      tagName,\n      isSelectionButtonBelow,\n    } = this.props;\n\n    const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;\n    const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';\n\n    const holderSx = {\n      ...(choicesLayout === 'horizontal' && {\n        [`& .${CLASS_NAME}`]: {\n          padding: '8px',\n          margin: '4px 0 4px 4px',\n        },\n      }),\n      ...(isSelectionButtonBelow && choicesLayout !== 'grid' && {\n        '& > label': {\n          alignItems: 'flex-start',\n        },\n      }),\n      ...(isSelectionButtonBelow && choicesLayout === 'grid' && {\n        justifyContent: 'center',\n        '& > label': {\n          alignItems: 'center',\n        },\n      }),\n    };\n\n    const hasMathOrImage =\n      typeof label === 'string' &&\n      (label.includes('<math') ||\n        label.includes('\\\\(') ||\n        label.includes('\\\\[') ||\n        label.includes('<img') ||\n        label.includes('data-latex') ||\n        label.includes('data-raw') ||\n        label.includes('<mjx-container'));\n\n    const screenReaderLabel = displayKey ? (\n      <SrOnly id={this.descId}>\n        {hasMathOrImage ? `Pick the answer below, ${displayKey}` : displayKey}\n      </SrOnly>\n    ) : null;\n\n    const choicelabel = (\n      <>\n        {displayKey && !isSelectionButtonBelow ? (\n          <Row component=\"span\">\n            <span aria-hidden=\"true\">{displayKey}.{'\\u00A0'}</span>\n            <PreviewPrompt className=\"prompt-label\" prompt={label} tagName=\"span\" />\n          </Row>\n        ) : (\n          <PreviewPrompt className=\"prompt-label\" prompt={label} tagName=\"span\" />\n        )}\n      </>\n    );\n\n    const tagProps = {\n      disabled,\n      checked,\n      correctness,\n      tagName,\n      value,\n      id: this.choiceId,\n      onChange: this.onToggleChoice,\n      onKeyDown: this.handleKeyDown,\n      ...(screenReaderLabel ? { 'aria-describedby': this.descId } : {}),\n    };\n\n    const control = isSelectionButtonBelow ? (\n      <BelowSelectionComponent>\n        {screenReaderLabel}\n        <Tag {...tagProps} style={{ padding: 0 }} />\n        <span aria-hidden=\"true\">{displayKey ? `${displayKey}.` : ''}</span>\n      </BelowSelectionComponent>\n    ) : (\n      <>\n        {screenReaderLabel}\n        <Tag {...tagProps} />\n      </>\n    );\n\n    return (\n      <div className={classNames(className, 'corespring-' + classSuffix, 'choice-input')}>\n        <Row>\n          {!hideTick && isEvaluateMode && <FeedbackTick correctness={correctness} />}\n          <CheckboxHolder className=\"checkbox-holder\" sx={holderSx}>\n            <StyledFormControlLabel\n              label={choicelabel}\n              value={value}\n              htmlFor={this.choiceId}\n              labelPlacement={isSelectionButtonBelow ? 'top' : undefined}\n              control={control}\n            />\n          </CheckboxHolder>\n        </Row>\n        {rationale && <PreviewPrompt className=\"rationale\" defaultClassName=\"rationale\" prompt={rationale} />}\n        <Feedback feedback={feedback} correctness={correctness} />\n      </div>\n    );\n  }\n}\n\nexport default ChoiceInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -15,6 +15,7 @@ var _piePlayerEvents = require("@pie-framework/pie-player-events");
 var _mathRendering = require("@pie-lib/math-rendering");
 var _renderUi = require("@pie-lib/render-ui");
 var _sessionUpdater = require("./session-updater");
+var _utils = require("./utils");
 const log = (0, _debug.default)('pie-ui:multiple-choice');
 const isComplete = (session, model, audioComplete, elementContext) => {
   const {
@@ -46,7 +47,7 @@ const isComplete = (session, model, audioComplete, elementContext) => {
   if (choiceMode === 'radio') {
     return !!selections;
   }
-  if (selections < minSelections || selections > maxSelections) {
+  if (selections < minSelections || (0, _utils.exceedsMaxSelections)(selections, maxSelections)) {
     return false;
   }
   return true;
@@ -361,6 +362,7 @@ class MultipleChoice extends HTMLElement {
     }
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 
@@ -390,9 +392,10 @@ class MultipleChoice extends HTMLElement {
     }
     const currentValue = this._session.value || [];
     const choiceId = this._model.choices[choiceIndex].value;
+    const alreadySelected = currentValue.includes(choiceId);
     const newValue = {
       value: choiceId,
-      selected: !currentValue.includes(choiceId),
+      selected: this._model.choiceMode === 'radio' ? true : !alreadySelected,
       selector: 'Keyboard'
     };
     this._onChange(newValue);

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_client","_lodashEs","_debug","_piePlayerEvents","_mathRendering","_renderUi","_sessionUpdater","log","debug","isComplete","session","model","audioComplete","elementContext","autoplayAudioEnabled","completeAudioEnabled","audio","querySelector","isInsidePrompt","closest","value","choiceMode","minSelections","maxSelections","selections","length","exports","getPlayerAttributes","element","player","baseHeadingLevel","undefined","includeSrHeading","getRaw","camelCaseName","hyphenatedName","allLowerName","raw","getAttribute","levelRaw","level","parseInt","Number","isFinite","srRaw","resolveHeadingProps","fromPlayer","_baseHeadingLevel","_includeSrHeading","MultipleChoice","HTMLElement","constructor","_defineProperty2","default","_mathRenderPending","requestAnimationFrame","_mathObserver","disconnect","renderMath","setTimeout","observe","childList","subtree","_model","_session","_options","_boundHandleKeyDown","handleKeyDown","bind","_keyboardEventsEnabled","_audioInitialized","_root","_rerender","debounce","React","createElement","Main","options","onChoiceChanged","_onChange","onShowCorrectToggle","setAttribute","setLangAttribute","_initMathObserver","createRoot","render","keyboardEventsEnabled","enableKeyboardEvents","leading","trailing","_dispatchResponseChanged","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","_dispatchModelSet","ModelSetEvent","MutationObserver","_scheduleMathRender","_disconnectMathObserver","language","lang","slice","s","o","data","updateSessionValue","_createAudioInfoToast","info","document","id","Object","assign","style","position","top","width","height","display","justifyContent","alignItems","background","zIndex","cursor","img","src","EnableAudioAutoplayImage","alt","appendChild","connectedCallback","_initPlayerObserver","observer","mutationsList","forEach","mutation","type","container","enableAudio","play","removeChild","removeEventListener","paused","addEventListener","handlePlaying","updateSessionMetadata","audioStartTime","Date","getTime","handleEnded","audioEndTime","_audio","_handlePlaying","_handleEnded","_enableAudio","window","_playerObserver","attributes","attributeFilter","_disconnectPlayerObserver","disconnectedCallback","unmount","event","mode","keyToIndex","key","numOffset","letterOffset","test","charCodeAt","choiceIndex","choices","currentValue","choiceId","newValue","selected","includes","selector"],"sources":["../src/index.js"],"sourcesContent":["import Main from './main';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from 'lodash-es';\nimport debug from 'debug';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { EnableAudioAutoplayImage } from '@pie-lib/render-ui';\nimport { updateSessionValue, updateSessionMetadata } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = (session, model, audioComplete, elementContext) => {\n  const { autoplayAudioEnabled, completeAudioEnabled } = model || {};\n\n  // check audio completion if audio settings are enabled and audio actually exists\n  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {\n    if (elementContext) {\n      const audio = elementContext.querySelector('audio');\n      const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n      // only require audio completion if audio exists and is inside the prompt\n      if (audio && isInsidePrompt) {\n        return false;\n      }\n    }\n  }\n\n  if (!session || !session.value) {\n    return false;\n  }\n\n  const { choiceMode, minSelections = 1, maxSelections } = model || {};\n  const selections = session.value.length || 0;\n\n  if (choiceMode === 'radio') {\n    return !!selections;\n  }\n\n  if (selections < minSelections || selections > maxSelections) {\n    return false;\n  }\n\n  return true;\n};\n\nfunction getPlayerAttributes(element) {\n  const player =\n    element.closest('pie-player') ||\n    element.closest('pie-item-player');\n\n  if (!player) {\n    return { baseHeadingLevel: undefined, includeSrHeading: true };\n  }\n\n  const getRaw = (camelCaseName, hyphenatedName, allLowerName) => {\n    let raw = player[camelCaseName];\n\n    // fallback in case someone sets via HTML attribute manually\n    if (raw == null) {\n      raw =\n        player.getAttribute(hyphenatedName) ??\n        player.getAttribute(allLowerName);\n    }\n\n    return raw;\n  };\n\n  const levelRaw = getRaw('baseHeadingLevel', 'base-heading-level', 'baseheadinglevel');\n  const level = parseInt(levelRaw, 10);\n  const baseHeadingLevel = Number.isFinite(level) && level >= 1 && level <= 6 ? level : undefined;\n\n  const srRaw = getRaw('includeSrHeading', 'include-sr-heading', 'includesrheading');\n  const includeSrHeading = srRaw == null ? true : srRaw !== false && srRaw !== 'false';\n\n  return { baseHeadingLevel, includeSrHeading };\n}\n\n// Resolves heading attributes for a custom element, preferring explicit instance\n// properties (set by a parent element such as EBSR) over player-level attributes.\nfunction resolveHeadingProps(element) {\n  const fromPlayer = getPlayerAttributes(element);\n\n  return {\n    baseHeadingLevel: element._baseHeadingLevel !== undefined ? element._baseHeadingLevel : fromPlayer.baseHeadingLevel,\n    includeSrHeading: element._includeSrHeading !== undefined ? element._includeSrHeading : fromPlayer.includeSrHeading,\n  };\n}\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n    this._options = null; // added for ebsr print mode detection\n    this.audioComplete = false;\n    this._boundHandleKeyDown = this.handleKeyDown.bind(this);\n    this._keyboardEventsEnabled = false;\n    this._audioInitialized = false;\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            options: this._options,\n            onChoiceChanged: this._onChange.bind(this),\n            onShowCorrectToggle: this.onShowCorrectToggle.bind(this),\n            ...resolveHeadingProps(this),\n          });\n\n          //TODO: aria-label is set in the _rerender because we need to change it when the model.choiceMode is updated. Consider revisiting the placement of the aria-label setting in the _rerender\n          this.setAttribute(\n            'aria-label',\n            this._model.choiceMode === 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question',\n          );\n          this.setAttribute('role', 'region');\n          this.setLangAttribute();\n\n          this._initMathObserver();\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n\n          if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {\n            this.enableKeyboardEvents();\n          }\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      this.dispatchEvent(\n        new SessionChangedEvent(\n          this.tagName.toLowerCase(),\n          isComplete(this._session, this._model, this.audioComplete, this),\n        ),\n      );\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new ModelSetEvent(\n            this.tagName.toLowerCase(),\n            isComplete(this._session, this._model, this.audioComplete, this),\n            this._model !== undefined,\n          ),\n        );\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n      log('render complete - render math');\n      renderMath(this);\n      this._mathRenderPending = false;\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, { childList: true, subtree: true });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n    this._mathObserver = new MutationObserver(this._scheduleMathRender);\n    this._mathObserver.observe(this, { childList: true, subtree: true });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  onShowCorrectToggle() {\n    renderMath(this);\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio\n    this._audioInitialized = false;\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  get options() {\n    return this._options;\n  }\n\n  set options(o) {\n    this._options = o;\n    this._rerender();\n  }\n\n  set baseHeadingLevel(level) {\n    this._baseHeadingLevel = level;\n    this._rerender();\n  }\n\n  set includeSrHeading(value) {\n    this._includeSrHeading = value;\n    this._rerender();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  _createAudioInfoToast() {\n    const info = document.createElement('div');\n    info.id = 'play-audio-info';\n\n    Object.assign(info.style, {\n      position: 'absolute',\n      top: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      background: 'white',\n      zIndex: '1000',\n      cursor: 'pointer',\n    });\n\n    const img = document.createElement('img');\n    img.src = EnableAudioAutoplayImage;\n    img.alt = 'Click anywhere to enable audio autoplay';\n    img.width = 500;\n    img.height = 300;\n\n    info.appendChild(img);\n    return info;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._initPlayerObserver();\n    this._rerender();\n\n    // Observation:  audio in Chrome will have the autoplay attribute,\n    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio\n    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          if (this._audioInitialized) return;\n\n          const audio = this.querySelector('audio');\n          const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n          if (!this._model) return;\n          if (!this._model.autoplayAudioEnabled) return;\n          if (audio && !isInsidePrompt) return;\n          if (!audio) return;\n\n          const info = this._createAudioInfoToast();\n          const container = this.querySelector('#main-container');\n          const enableAudio = () => {\n            if (this.querySelector('#play-audio-info')) {\n              audio.play();\n              container.removeChild(info);\n            }\n\n            document.removeEventListener('click', enableAudio);\n          };\n\n          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play\n          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked\n          setTimeout(() => {\n            if (audio.paused && !this.querySelector('#play-audio-info')) {\n              // add info message as a toast to enable audio playback\n              container.appendChild(info);\n              document.addEventListener('click', enableAudio);\n            } else {\n              document.removeEventListener('click', enableAudio);\n            }\n          }, 500);\n\n          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering\n          const handlePlaying = () => {\n            updateSessionMetadata(this._session, { audioStartTime: new Date().getTime() });\n\n            const info = this.querySelector('#play-audio-info');\n            if (info) {\n              container.removeChild(info);\n            }\n\n            audio.removeEventListener('playing', handlePlaying);\n          };\n\n          audio.addEventListener('playing', handlePlaying);\n\n          // we need to listen for the ended event to update the isComplete state\n          const handleEnded = () => {\n            updateSessionMetadata(this._session, { audioEndTime: new Date().getTime() });\n            this.audioComplete = true;\n            this._dispatchResponseChanged();\n            audio.removeEventListener('ended', handleEnded);\n          };\n\n          audio.addEventListener('ended', handleEnded);\n\n          // store references to remove later\n          this._audio = audio;\n          this._handlePlaying = handlePlaying;\n          this._handleEnded = handleEnded;\n          this._enableAudio = enableAudio;\n          // set to true to prevent multiple initializations\n          this._audioInitialized = true;\n\n          observer.disconnect();\n        }\n      });\n    });\n\n    observer.observe(this, { childList: true, subtree: true });\n  }\n\n  enableKeyboardEvents() {\n    if (!this._keyboardEventsEnabled) {\n      window.addEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = true;\n    }\n  }\n\n  _initPlayerObserver() {\n    const player = this.closest('pie-player') || this.closest('pie-item-player');\n    if (!player) return;\n\n    this._playerObserver = new MutationObserver(() => {\n      this._rerender();\n    });\n    this._playerObserver.observe(player, {\n      attributes: true,\n      attributeFilter: ['base-heading-level', 'baseheadinglevel', 'include-sr-heading', 'includesrheading'],\n    });\n  }\n\n  _disconnectPlayerObserver() {\n    if (this._playerObserver) {\n      this._playerObserver.disconnect();\n      this._playerObserver = null;\n    }\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    this._disconnectPlayerObserver();\n    if (this._keyboardEventsEnabled) {\n      window.removeEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = false;\n    }\n\n    document.removeEventListener('click', this._enableAudio);\n\n    if (this._audio) {\n      this._audio.removeEventListener('playing', this._handlePlaying);\n      this._audio.removeEventListener('ended', this._handleEnded);\n      this._audio = null;\n    }\n\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n\n  /**\n   * Handles global keyboard events for selecting or toggling multiple-choice answers.\n   * Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.\n   * Ensures valid key presses toggle or select the appropriate choice based on the model.\n   */\n  handleKeyDown(event) {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const { mode } = this._model;\n    if (mode !== 'gather') {\n      return;\n    }\n\n    const keyToIndex = (key) => {\n      const numOffset = key >= '1' && key <= '9' ? key - '1' : key === '0' ? 9 : -1;\n      const letterOffset = /^[a-jA-J]$/.test(key) ? key.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0) : -1;\n      return numOffset >= 0 ? numOffset : letterOffset;\n    };\n\n    const choiceIndex = keyToIndex(event.key);\n\n    if (choiceIndex === undefined || choiceIndex <= -1 || choiceIndex >= this._model.choices?.length) {\n      return;\n    }\n\n    const currentValue = this._session.value || [];\n    const choiceId = this._model.choices[choiceIndex].value;\n\n    const newValue = {\n      value: choiceId,\n      selected: !currentValue.includes(choiceId),\n      selector: 'Keyboard',\n    };\n\n    this._onChange(newValue);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_client","_lodashEs","_debug","_piePlayerEvents","_mathRendering","_renderUi","_sessionUpdater","_utils","log","debug","isComplete","session","model","audioComplete","elementContext","autoplayAudioEnabled","completeAudioEnabled","audio","querySelector","isInsidePrompt","closest","value","choiceMode","minSelections","maxSelections","selections","length","exceedsMaxSelections","exports","getPlayerAttributes","element","player","baseHeadingLevel","undefined","includeSrHeading","getRaw","camelCaseName","hyphenatedName","allLowerName","raw","getAttribute","levelRaw","level","parseInt","Number","isFinite","srRaw","resolveHeadingProps","fromPlayer","_baseHeadingLevel","_includeSrHeading","MultipleChoice","HTMLElement","constructor","_defineProperty2","default","_mathRenderPending","requestAnimationFrame","_mathObserver","disconnect","renderMath","setTimeout","observe","childList","subtree","_model","_session","_options","_boundHandleKeyDown","handleKeyDown","bind","_keyboardEventsEnabled","_audioInitialized","_root","_rerender","debounce","React","createElement","Main","options","onChoiceChanged","_onChange","onShowCorrectToggle","setAttribute","setLangAttribute","_initMathObserver","createRoot","render","keyboardEventsEnabled","enableKeyboardEvents","leading","trailing","_dispatchResponseChanged","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","_dispatchModelSet","ModelSetEvent","MutationObserver","_scheduleMathRender","_disconnectMathObserver","language","lang","slice","s","o","data","updateSessionValue","_createAudioInfoToast","info","document","id","Object","assign","style","position","top","width","height","display","justifyContent","alignItems","background","zIndex","cursor","img","src","EnableAudioAutoplayImage","alt","appendChild","connectedCallback","_initPlayerObserver","observer","mutationsList","forEach","mutation","type","container","enableAudio","play","removeChild","removeEventListener","paused","addEventListener","handlePlaying","updateSessionMetadata","audioStartTime","Date","getTime","handleEnded","audioEndTime","_audio","_handlePlaying","_handleEnded","_enableAudio","window","_playerObserver","attributes","attributeFilter","_disconnectPlayerObserver","disconnectedCallback","unmount","event","mode","keyToIndex","key","numOffset","letterOffset","test","charCodeAt","choiceIndex","choices","currentValue","choiceId","alreadySelected","includes","newValue","selected","selector"],"sources":["../src/index.js"],"sourcesContent":["import Main from './main';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from 'lodash-es';\nimport debug from 'debug';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { EnableAudioAutoplayImage } from '@pie-lib/render-ui';\nimport { updateSessionValue, updateSessionMetadata } from './session-updater';\nimport { exceedsMaxSelections } from './utils';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = (session, model, audioComplete, elementContext) => {\n  const { autoplayAudioEnabled, completeAudioEnabled } = model || {};\n\n  // check audio completion if audio settings are enabled and audio actually exists\n  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {\n    if (elementContext) {\n      const audio = elementContext.querySelector('audio');\n      const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n      // only require audio completion if audio exists and is inside the prompt\n      if (audio && isInsidePrompt) {\n        return false;\n      }\n    }\n  }\n\n  if (!session || !session.value) {\n    return false;\n  }\n\n  const { choiceMode, minSelections = 1, maxSelections } = model || {};\n  const selections = session.value.length || 0;\n\n  if (choiceMode === 'radio') {\n    return !!selections;\n  }\n\n  if (selections < minSelections || exceedsMaxSelections(selections, maxSelections)) {\n    return false;\n  }\n\n  return true;\n};\n\nfunction getPlayerAttributes(element) {\n  const player =\n    element.closest('pie-player') ||\n    element.closest('pie-item-player');\n\n  if (!player) {\n    return { baseHeadingLevel: undefined, includeSrHeading: true };\n  }\n\n  const getRaw = (camelCaseName, hyphenatedName, allLowerName) => {\n    let raw = player[camelCaseName];\n\n    // fallback in case someone sets via HTML attribute manually\n    if (raw == null) {\n      raw =\n        player.getAttribute(hyphenatedName) ??\n        player.getAttribute(allLowerName);\n    }\n\n    return raw;\n  };\n\n  const levelRaw = getRaw('baseHeadingLevel', 'base-heading-level', 'baseheadinglevel');\n  const level = parseInt(levelRaw, 10);\n  const baseHeadingLevel = Number.isFinite(level) && level >= 1 && level <= 6 ? level : undefined;\n\n  const srRaw = getRaw('includeSrHeading', 'include-sr-heading', 'includesrheading');\n  const includeSrHeading = srRaw == null ? true : srRaw !== false && srRaw !== 'false';\n\n  return { baseHeadingLevel, includeSrHeading };\n}\n\n// Resolves heading attributes for a custom element, preferring explicit instance\n// properties (set by a parent element such as EBSR) over player-level attributes.\nfunction resolveHeadingProps(element) {\n  const fromPlayer = getPlayerAttributes(element);\n\n  return {\n    baseHeadingLevel: element._baseHeadingLevel !== undefined ? element._baseHeadingLevel : fromPlayer.baseHeadingLevel,\n    includeSrHeading: element._includeSrHeading !== undefined ? element._includeSrHeading : fromPlayer.includeSrHeading,\n  };\n}\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n    this._options = null; // added for ebsr print mode detection\n    this.audioComplete = false;\n    this._boundHandleKeyDown = this.handleKeyDown.bind(this);\n    this._keyboardEventsEnabled = false;\n    this._audioInitialized = false;\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            options: this._options,\n            onChoiceChanged: this._onChange.bind(this),\n            onShowCorrectToggle: this.onShowCorrectToggle.bind(this),\n            ...resolveHeadingProps(this),\n          });\n\n          //TODO: aria-label is set in the _rerender because we need to change it when the model.choiceMode is updated. Consider revisiting the placement of the aria-label setting in the _rerender\n          this.setAttribute(\n            'aria-label',\n            this._model.choiceMode === 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question',\n          );\n          this.setAttribute('role', 'region');\n          this.setLangAttribute();\n\n          this._initMathObserver();\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n\n          if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {\n            this.enableKeyboardEvents();\n          }\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      this.dispatchEvent(\n        new SessionChangedEvent(\n          this.tagName.toLowerCase(),\n          isComplete(this._session, this._model, this.audioComplete, this),\n        ),\n      );\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new ModelSetEvent(\n            this.tagName.toLowerCase(),\n            isComplete(this._session, this._model, this.audioComplete, this),\n            this._model !== undefined,\n          ),\n        );\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n      log('render complete - render math');\n      renderMath(this);\n      this._mathRenderPending = false;\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, { childList: true, subtree: true });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n    this._mathObserver = new MutationObserver(this._scheduleMathRender);\n    this._mathObserver.observe(this, { childList: true, subtree: true });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  onShowCorrectToggle() {\n    renderMath(this);\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio\n    this._audioInitialized = false;\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  get options() {\n    return this._options;\n  }\n\n  set options(o) {\n    this._options = o;\n    this._rerender();\n  }\n\n  set baseHeadingLevel(level) {\n    this._baseHeadingLevel = level;\n    this._rerender();\n  }\n\n  set includeSrHeading(value) {\n    this._includeSrHeading = value;\n    this._rerender();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  _createAudioInfoToast() {\n    const info = document.createElement('div');\n    info.id = 'play-audio-info';\n\n    Object.assign(info.style, {\n      position: 'absolute',\n      top: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      background: 'white',\n      zIndex: '1000',\n      cursor: 'pointer',\n    });\n\n    const img = document.createElement('img');\n    img.src = EnableAudioAutoplayImage;\n    img.alt = 'Click anywhere to enable audio autoplay';\n    img.width = 500;\n    img.height = 300;\n\n    info.appendChild(img);\n    return info;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._initPlayerObserver();\n    this._rerender();\n\n    // Observation:  audio in Chrome will have the autoplay attribute,\n    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio\n    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          if (this._audioInitialized) return;\n\n          const audio = this.querySelector('audio');\n          const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n          if (!this._model) return;\n          if (!this._model.autoplayAudioEnabled) return;\n          if (audio && !isInsidePrompt) return;\n          if (!audio) return;\n\n          const info = this._createAudioInfoToast();\n          const container = this.querySelector('#main-container');\n          const enableAudio = () => {\n            if (this.querySelector('#play-audio-info')) {\n              audio.play();\n              container.removeChild(info);\n            }\n\n            document.removeEventListener('click', enableAudio);\n          };\n\n          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play\n          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked\n          setTimeout(() => {\n            if (audio.paused && !this.querySelector('#play-audio-info')) {\n              // add info message as a toast to enable audio playback\n              container.appendChild(info);\n              document.addEventListener('click', enableAudio);\n            } else {\n              document.removeEventListener('click', enableAudio);\n            }\n          }, 500);\n\n          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering\n          const handlePlaying = () => {\n            updateSessionMetadata(this._session, { audioStartTime: new Date().getTime() });\n\n            const info = this.querySelector('#play-audio-info');\n            if (info) {\n              container.removeChild(info);\n            }\n\n            audio.removeEventListener('playing', handlePlaying);\n          };\n\n          audio.addEventListener('playing', handlePlaying);\n\n          // we need to listen for the ended event to update the isComplete state\n          const handleEnded = () => {\n            updateSessionMetadata(this._session, { audioEndTime: new Date().getTime() });\n            this.audioComplete = true;\n            this._dispatchResponseChanged();\n            audio.removeEventListener('ended', handleEnded);\n          };\n\n          audio.addEventListener('ended', handleEnded);\n\n          // store references to remove later\n          this._audio = audio;\n          this._handlePlaying = handlePlaying;\n          this._handleEnded = handleEnded;\n          this._enableAudio = enableAudio;\n          // set to true to prevent multiple initializations\n          this._audioInitialized = true;\n\n          observer.disconnect();\n        }\n      });\n    });\n\n    observer.observe(this, { childList: true, subtree: true });\n  }\n\n  enableKeyboardEvents() {\n    if (!this._keyboardEventsEnabled) {\n      window.addEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = true;\n    }\n  }\n\n  _initPlayerObserver() {\n    const player = this.closest('pie-player') || this.closest('pie-item-player');\n    if (!player) return;\n\n    this._playerObserver = new MutationObserver(() => {\n      this._rerender();\n    });\n    this._playerObserver.observe(player, {\n      attributes: true,\n      attributeFilter: ['base-heading-level', 'baseheadinglevel', 'include-sr-heading', 'includesrheading'],\n    });\n  }\n\n  _disconnectPlayerObserver() {\n    if (this._playerObserver) {\n      this._playerObserver.disconnect();\n      this._playerObserver = null;\n    }\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    this._disconnectPlayerObserver();\n    if (this._keyboardEventsEnabled) {\n      window.removeEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = false;\n    }\n\n    document.removeEventListener('click', this._enableAudio);\n\n    if (this._audio) {\n      this._audio.removeEventListener('playing', this._handlePlaying);\n      this._audio.removeEventListener('ended', this._handleEnded);\n      this._audio = null;\n    }\n\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n\n  /**\n   * Handles global keyboard events for selecting or toggling multiple-choice answers.\n   * Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.\n   * Ensures valid key presses toggle or select the appropriate choice based on the model.\n   */\n  handleKeyDown(event) {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const { mode } = this._model;\n    if (mode !== 'gather') {\n      return;\n    }\n\n    const keyToIndex = (key) => {\n      const numOffset = key >= '1' && key <= '9' ? key - '1' : key === '0' ? 9 : -1;\n      const letterOffset = /^[a-jA-J]$/.test(key) ? key.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0) : -1;\n      return numOffset >= 0 ? numOffset : letterOffset;\n    };\n\n    const choiceIndex = keyToIndex(event.key);\n\n    if (choiceIndex === undefined || choiceIndex <= -1 || choiceIndex >= this._model.choices?.length) {\n      return;\n    }\n\n    const currentValue = this._session.value || [];\n    const choiceId = this._model.choices[choiceIndex].value;\n\n    const alreadySelected = currentValue.includes(choiceId);\n    const newValue = {\n      value: choiceId,\n      selected: this._model.choiceMode === 'radio' ? true : !alreadySelected,\n      selector: 'Keyboard',\n    };\n\n    this._onChange(newValue);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/multiple-choice.js

@@ -15,6 +15,7 @@ var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _renderUi = require("@pie-lib/render-ui");
 var _translator = _interopRequireDefault(require("@pie-lib/translator"));
 var _choice = _interopRequireDefault(require("./choice"));
+var _utils = require("./utils");
 const {
   translator
 } = _translator.default;
@@ -83,11 +84,12 @@ class MultipleChoice extends _react.default.Component {
         checked
       } = event.target;
       const {
+        choiceMode,
         maxSelections,
         onChoiceChanged,
         session
       } = this.props;
-      if (session.value && session.value.length >= maxSelections) {
+      if (choiceMode !== 'radio' && session.value && (0, _utils.reachedMaxSelections)(session.value.length, maxSelections)) {
         // show/hide max selections error when user select/deselect an answer
         this.setState({
           maxSelectionsErrorState: checked