@pie-element/multiple-choice 13.3.5-ng.0 → 13.3.6

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/__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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2Vzc2lvblVwZGF0ZXIiLCJyZXF1aXJlIiwiZGVzY3JpYmUiLCJ1cGRhdGVyIiwiYmVmb3JlRWFjaCIsImFzc2VydCIsIm1vZGUiLCJzZXNzaW9uIiwiZGF0YSIsImV4cGVjdGVkIiwidXBkYXRlU2Vzc2lvblZhbHVlIiwiZXhwZWN0IiwidmFsdWUiLCJ0b0VxdWFsIiwiY2IiLCJiaW5kIiwiaXQiLCJzZWxlY3RlZCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vc2Vzc2lvbi11cGRhdGVyLnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVwZGF0ZVNlc3Npb25WYWx1ZSB9IGZyb20gJy4uL3Nlc3Npb24tdXBkYXRlcic7XG5cbmRlc2NyaWJlKCdzZXNzaW9uLXVwZGF0ZXInLCAoKSA9PiB7XG4gIGxldCB1cGRhdGVyO1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge30pO1xuXG4gIGRlc2NyaWJlKCd1cGRhdGVTZXNzaW9uVmFsdWUnLCAoKSA9PiB7XG4gICAgY29uc3QgYXNzZXJ0ID0gKG1vZGUsIHNlc3Npb24sIGRhdGEsIGV4cGVjdGVkKSA9PiB7XG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICB1cGRhdGVTZXNzaW9uVmFsdWUoc2Vzc2lvbiwgbW9kZSwgZGF0YSk7XG4gICAgICAgIGV4cGVjdChzZXNzaW9uLnZhbHVlKS50b0VxdWFsKGV4cGVjdGVkKTtcbiAgICAgIH07XG4gICAgfTtcblxuICAgIGRlc2NyaWJlKCdjaGVja2JveCcsICgpID0+IHtcbiAgICAgIGNvbnN0IGNiID0gYXNzZXJ0LmJpbmQobnVsbCwgJ2NoZWNrYm94Jyk7XG4gICAgICBpdCgnYWRkcyAxJywgY2IoeyB2YWx1ZTogW10gfSwgeyB2YWx1ZTogJzEnLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnXSkpO1xuICAgICAgaXQoJ3JlbW92ZXMgMScsIGNiKHsgdmFsdWU6IFsnMSddIH0sIHsgdmFsdWU6ICcxJywgc2VsZWN0ZWQ6IGZhbHNlIH0sIFtdKSk7XG4gICAgICBpdCgnYWRkcyAyJywgY2IoeyB2YWx1ZTogWycxJ10gfSwgeyB2YWx1ZTogJzInLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnLCAnMiddKSk7XG4gICAgICBpdCgnZG9lcyBub3QgYWRkIGR1cGxpY2F0ZSAxJywgY2IoeyB2YWx1ZTogWycxJ10gfSwgeyB2YWx1ZTogJzEnLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnXSkpO1xuICAgICAgaXQoJ2RvZXMgbm90IHJlbW92ZSBpZiBub3QgaW4gYXJyYXJ5JywgY2IoeyB2YWx1ZTogWycxJ10gfSwgeyB2YWx1ZTogJzInLCBzZWxlY3RlZDogZmFsc2UgfSwgWycxJ10pKTtcbiAgICB9KTtcblxuICAgIGRlc2NyaWJlKCdyYWRpbycsICgpID0+IHtcbiAgICAgIGNvbnN0IGNiID0gYXNzZXJ0LmJpbmQobnVsbCwgJ3JhZGlvJyk7XG4gICAgICBpdCgnYWRkcyAxJywgY2IoeyB2YWx1ZTogW10gfSwgeyB2YWx1ZTogJzEnLCBzZWxlY3RlZDogdHJ1ZSB9LCBbJzEnXSkpO1xuICAgICAgaXQoJ2FkZHMgMicsIGNiKHsgdmFsdWU6IFsnMSddIH0sIHsgdmFsdWU6ICcyJywgc2VsZWN0ZWQ6IHRydWUgfSwgWycyJ10pKTtcbiAgICAgIGl0KCdkb2VzIG5vdCBhZGQgZHVwbGljYXRlIDEnLCBjYih7IHZhbHVlOiBbJzEnXSB9LCB7IHZhbHVlOiAnMScsIHNlbGVjdGVkOiB0cnVlIH0sIFsnMSddKSk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUEsSUFBQUEsZUFBQSxHQUFBQyxPQUFBO0FBRUFDLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxNQUFNO0VBQ2hDLElBQUlDLE9BQU87RUFFWEMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7RUFFcEJGLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxNQUFNO0lBQ25DLE1BQU1HLE1BQU0sR0FBR0EsQ0FBQ0MsSUFBSSxFQUFFQyxPQUFPLEVBQUVDLElBQUksRUFB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

package/lib/choice-input.js

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

package/lib/choice-input.js.map

@@ -0,0 +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","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":[]}