@pie-lib/mask-markup 3.1.6-beta.2 → 4.0.0-next.20261002094057

package/lib/components/dropdown.js

@@ -1,483 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
-var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _styles = require("@mui/material/styles");
-var _renderUi = require("@pie-lib/render-ui");
-var _mathRendering = require("@pie-lib/math-rendering");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var StyledButton = (0, _styles.styled)(_Button["default"])(function () {
-  return {
-    color: _renderUi.color.text(),
-    border: "1px solid ".concat(_renderUi.color.borderGray()),
-    borderRadius: '4px',
-    justifyContent: 'space-between',
-    backgroundColor: _renderUi.color.background(),
-    position: 'relative',
-    height: '45px',
-    width: 'fit-content',
-    margin: '2px',
-    textTransform: 'none',
-    '& span': {
-      paddingRight: '24px'
-    },
-    '& svg': {
-      position: 'absolute',
-      right: '4px',
-      top: 'calc(50% - 12px)',
-      pointerEvents: 'none',
-      color: _renderUi.color.text(),
-      marginLeft: '5px'
-    },
-    '&.Mui-focused': {
-      outline: "3px solid ".concat(_renderUi.color.tertiary()),
-      outlineOffset: '2px',
-      borderWidth: '3px'
-    },
-    '&.disabledCorrect': {
-      borderWidth: '2px',
-      borderColor: _renderUi.color.correct(),
-      color: "".concat(_renderUi.color.text(), " !important")
-    },
-    '&.disabledIncorrect': {
-      borderWidth: '2px',
-      borderColor: _renderUi.color.incorrectWithIcon(),
-      color: "".concat(_renderUi.color.text(), " !important")
-    }
-  };
-});
-var StyledMenu = (0, _styles.styled)(_Menu["default"])(function () {
-  return {
-    backgroundColor: _renderUi.color.background(),
-    border: "1px solid ".concat(_renderUi.color.correct(), " !important"),
-    '&:hover': {
-      border: "1px solid ".concat(_renderUi.color.text(), " "),
-      borderColor: 'initial'
-    },
-    '&:focus': {
-      border: "1px solid ".concat(_renderUi.color.text()),
-      borderColor: 'initial'
-    },
-    // remove default padding on the inner list
-    '& .MuiList-root': {
-      padding: 0
-    }
-  };
-});
-var StyledMenuItem = (0, _styles.styled)(_MenuItem["default"])(function () {
-  return {
-    // base text/layout styles (from old JSS - before mui v5 migration)
-    height: 24,
-    overflow: 'hidden',
-    fontSize: '1rem',
-    fontWeight: 400,
-    fontFamily: 'inherit',
-    lineHeight: '1.5em',
-    whiteSpace: 'nowrap',
-    // custom styles
-    color: _renderUi.color.text(),
-    backgroundColor: _renderUi.color.background(),
-    '&.Mui-focusVisible': {
-      outline: "3px solid ".concat(_renderUi.color.tertiary()),
-      outlineOffset: '-1px',
-      // keeps it inside the item
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background()
-    },
-    '&:hover': {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.dropdownBackground()
-    },
-    boxSizing: 'border-box',
-    padding: '16px 8px',
-    borderRadius: '4px',
-    '&.selected': {
-      color: "".concat(_renderUi.color.text(), " !important"),
-      backgroundColor: "".concat(_renderUi.color.background(), " !important"),
-      '&:hover': {
-        color: _renderUi.color.text(),
-        backgroundColor: "".concat(_renderUi.color.dropdownBackground(), " !important")
-      }
-    }
-  };
-});
-var StyledLabel = (0, _styles.styled)('span')(function () {
-  return {
-    fontSize: 'max(1rem, 14px)'
-  };
-});
-var StyledSelectedIndicator = (0, _styles.styled)('span')(function () {
-  return {
-    fontSize: 'max(1rem, 14px)',
-    flexShrink: 0,
-    paddingLeft: '8px'
-  };
-});
-var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
-  return {
-    position: 'absolute',
-    left: '-10000px',
-    top: 'auto',
-    width: '1px',
-    height: '1px',
-    overflow: 'hidden'
-  };
-});
-var StyledCorrectnessIcon = (0, _styles.styled)(_Check["default"])(function () {
-  return {
-    color: "".concat(_renderUi.color.white(), " !important"),
-    position: 'absolute',
-    top: '-8px !important',
-    left: '-8px',
-    marginLeft: '0 !important',
-    borderRadius: '50%',
-    fontSize: '16px',
-    padding: '2px',
-    '&.correct': {
-      backgroundColor: _renderUi.color.correct()
-    },
-    '&.incorrect': {
-      backgroundColor: _renderUi.color.incorrectWithIcon()
-    }
-  };
-});
-var StyledIncorrectnessIcon = (0, _styles.styled)(_Close["default"])(function () {
-  return {
-    color: "".concat(_renderUi.color.white(), " !important"),
-    position: 'absolute',
-    top: '-8px !important',
-    left: '-8px',
-    marginLeft: '0 !important',
-    borderRadius: '50%',
-    fontSize: '16px',
-    padding: '2px',
-    '&.correct': {
-      backgroundColor: _renderUi.color.correct()
-    },
-    '&.incorrect': {
-      backgroundColor: _renderUi.color.incorrectWithIcon()
-    }
-  };
-});
-var Dropdown = /*#__PURE__*/function (_React$Component) {
-  function Dropdown(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Dropdown);
-    _this = _callSuper(this, Dropdown, [props]);
-    (0, _defineProperty2["default"])(_this, "handleClick", function (event) {
-      var _this$props = _this.props,
-        id = _this$props.id,
-        value = _this$props.value,
-        choices = _this$props.choices;
-      var highlightedOptionId = null;
-      if (value) {
-        var selectedIndex = (choices || []).findIndex(function (c) {
-          return c.value === value;
-        });
-        if (selectedIndex >= 0) {
-          highlightedOptionId = "dropdown-option-".concat(id, "-").concat(selectedIndex);
-        }
-      }
-      _this.setState({
-        anchorEl: event.currentTarget,
-        highlightedOptionId: highlightedOptionId
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "handleClose", function () {
-      var value = _this.props.value;
-      _this.setState({
-        anchorEl: null,
-        previewValue: null,
-        highlightedOptionId: null
-      });
-      // clear displayed preview if no selection
-      if (!value && _this.previewRef.current) {
-        _this.previewRef.current.innerHTML = '';
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "handleHighlight", function (index) {
-      var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
-
-      // preview on hover if nothing selected
-      var stateUpdate = {
-        highlightedOptionId: highlightedOptionId
-      };
-      if (!_this.props.value) {
-        stateUpdate.previewValue = _this.props.choices[index].value;
-      }
-      _this.setState(stateUpdate);
-    });
-    (0, _defineProperty2["default"])(_this, "handleSelect", function (value, index) {
-      _this.props.onChange(_this.props.id, value);
-      _this.handleHighlight(index);
-      _this.handleClose();
-    });
-    (0, _defineProperty2["default"])(_this, "handleHover", function (index) {
-      var selectedValue = _this.props.value;
-      if (selectedValue) return;
-      var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
-      var previewValue = _this.state.previewValue;
-      _this.setState({
-        highlightedOptionId: highlightedOptionId,
-        previewValue: previewValue
-      }, function () {
-        // On hover, preview the math-rendered content inside the button if no value is selected.
-        var ref = _this.elementRefs[index];
-        var preview = _this.previewRef.current;
-        if (ref && preview) {
-          preview.innerHTML = ref.innerHTML;
-        }
-      });
-    });
-    _this.state = {
-      anchorEl: null,
-      highlightedOptionId: null,
-      menuWidth: null,
-      previewValue: null
-    };
-    _this.hiddenRef = /*#__PURE__*/_react["default"].createRef();
-    _this.buttonRef = /*#__PURE__*/_react["default"].createRef();
-    _this.previewRef = /*#__PURE__*/_react["default"].createRef();
-    _this.elementRefs = [];
-    return _this;
-  }
-  (0, _inherits2["default"])(Dropdown, _React$Component);
-  return (0, _createClass2["default"])(Dropdown, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // measure hidden menu width once
-      if (this.hiddenRef.current && this.state.menuWidth === null) {
-        this.setState({
-          menuWidth: this.hiddenRef.current.clientWidth
-        });
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var hiddenEl = this.hiddenRef.current;
-      var dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;
-      if (dropdownJustOpened) {
-        this.elementRefs.forEach(function (ref) {
-          if (!ref) return;
-          var containsLatex = ref.querySelector('[data-latex], [data-raw]');
-          var hasMathJax = ref.querySelector('mjx-container');
-          var mathHandled = ref.querySelector('[data-math-handled="true"]');
-          if (containsLatex && (!mathHandled || !hasMathJax)) {
-            (0, _mathRendering.renderMath)(ref);
-          }
-        });
-      }
-      if (hiddenEl) {
-        var newWidth = hiddenEl.clientWidth;
-        if (newWidth !== this.state.menuWidth) {
-          this.elementRefs.forEach(function (ref) {
-            if (ref) (0, _mathRendering.renderMath)(ref);
-          });
-          (0, _mathRendering.renderMath)(hiddenEl);
-          this.setState({
-            menuWidth: newWidth
-          });
-        }
-      }
-    }
-  }, {
-    key: "getLabel",
-    value: function getLabel(choices, value) {
-      var found = (choices || []).find(function (choice) {
-        return choice.value === value;
-      });
-      return found ? found.label.trim() : undefined;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        id = _this$props2.id,
-        correct = _this$props2.correct,
-        disabled = _this$props2.disabled,
-        value = _this$props2.value,
-        choices = _this$props2.choices,
-        showCorrectAnswer = _this$props2.showCorrectAnswer,
-        singleQuery = _this$props2.singleQuery,
-        correctValue = _this$props2.correctValue;
-      var anchorEl = this.state.anchorEl;
-      var open = Boolean(anchorEl);
-      var buttonId = "dropdown-button-".concat(id);
-      var menuId = "dropdown-menu-".concat(id);
-      var valueDisplayId = "dropdown-value-".concat(id);
-
-      // Determine the class for disabled state, view mode and evaluate mode
-      var disabledClass;
-      // Reset elementRefs before each render to avoid stale references
-      this.elementRefs = [];
-      if (disabled && correct !== undefined) {
-        disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';
-      }
-
-      // Create distinct, visually hidden labels for each dropdown
-      var incrementedId = parseInt(id, 10) + 1;
-      var labelId = singleQuery ? 'Query-label' : "Query-label-".concat(incrementedId);
-      var labelText = singleQuery ? 'Query' : "Query ".concat(incrementedId);
-
-      // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.
-      var correctnessIcon = null;
-      if (disabled && correct !== undefined) {
-        correctnessIcon = correct || showCorrectAnswer ? /*#__PURE__*/_react["default"].createElement(StyledCorrectnessIcon, {
-          className: "correct"
-        }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectnessIcon, {
-          className: "incorrect"
-        });
-      }
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-        ref: this.hiddenRef,
-        style: {
-          position: 'absolute',
-          visibility: 'hidden',
-          top: 0,
-          left: 0
-        },
-        tabIndex: -1,
-        "aria-hidden": "true"
-      }, (choices || []).map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
-          key: index,
-          tabIndex: -1,
-          "aria-hidden": "true"
-        }, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
-          dangerouslySetInnerHTML: {
-            __html: c.label
-          }
-        }));
-      })), /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
-        id: labelId,
-        tabIndex: -1,
-        "aria-hidden": "true"
-      }, labelText), /*#__PURE__*/_react["default"].createElement(StyledButton, {
-        ref: this.buttonRef,
-        style: _objectSpread(_objectSpread({}, this.state.menuWidth && {
-          minWidth: "calc(".concat(this.state.menuWidth, "px + 8px)")
-        }), {}, {
-          borderWidth: open ? '2px' : '1px',
-          transition: 'border-width 0.2s ease-in-out'
-        }),
-        "aria-controls": open ? menuId : undefined,
-        "aria-haspopup": "listbox",
-        "aria-expanded": open ? 'true' : undefined,
-        "aria-activedescendant": this.state.highlightedOptionId,
-        onClick: this.handleClick,
-        className: disabledClass,
-        disabled: disabled,
-        id: buttonId,
-        role: "combobox",
-        "aria-label": "Select an option for ".concat(labelText),
-        "aria-labelledby": valueDisplayId
-      }, correctnessIcon, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
-        id: valueDisplayId,
-        ref: this.previewRef,
-        dangerouslySetInnerHTML: {
-          __html: correctValue ? correctValue : open && this.state.previewValue ? this.getLabel(choices, this.state.previewValue) : this.getLabel(choices, value) || ''
-        }
-      }), open ? /*#__PURE__*/_react["default"].createElement(_ArrowDropUp["default"], null) : /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null)), /*#__PURE__*/_react["default"].createElement(StyledMenu, {
-        id: menuId,
-        anchorEl: anchorEl,
-        keepMounted: true,
-        open: open,
-        onClose: this.handleClose,
-        getContentAnchorEl: null,
-        anchorOrigin: {
-          vertical: 'bottom',
-          horizontal: 'left'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'left'
-        },
-        transitionDuration: {
-          enter: 225,
-          exit: 195
-        },
-        slotProps: {
-          paper: this.state.menuWidth ? {
-            style: {
-              minWidth: this.state.menuWidth,
-              padding: '4px'
-            }
-          } : undefined,
-          list: {
-            'aria-labelledby': buttonId,
-            role: 'listbox',
-            disablePadding: true
-          }
-        }
-      }, (choices || []).map(function (c, index) {
-        var optionId = "dropdown-option-".concat(id, "-").concat(index);
-        return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
-          id: optionId,
-          className: c.value === value ? 'selected' : '',
-          selected: c.value === value,
-          key: "".concat(c.label, "-").concat(index),
-          value: c.value,
-          onClick: function onClick() {
-            return _this2.handleSelect(c.value, index);
-          },
-          role: "option",
-          "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined,
-          onMouseOver: function onMouseOver() {
-            return _this2.handleHover(index);
-          }
-        }, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
-          ref: function ref(_ref) {
-            return _this2.elementRefs[index] = _ref;
-          },
-          dangerouslySetInnerHTML: {
-            __html: c.label
-          }
-        }), /*#__PURE__*/_react["default"].createElement(StyledSelectedIndicator, {
-          dangerouslySetInnerHTML: {
-            __html: c.value === value ? ' &check;' : ''
-          }
-        }));
-      })));
-    }
-  }]);
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(Dropdown, "propTypes", {
-  id: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  correct: _propTypes["default"].bool,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    value: _propTypes["default"].string,
-    label: _propTypes["default"].string
-  })),
-  showCorrectAnswer: _propTypes["default"].bool,
-  singleQuery: _propTypes["default"].bool,
-  correctValue: _propTypes["default"].string
-});
-var _default = exports["default"] = Dropdown;
-//# sourceMappingURL=dropdown.js.map

package/lib/components/dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_InputLabel","_Menu","_MenuItem","_ArrowDropDown","_ArrowDropUp","_Close","_Check","_styles","_renderUi","_mathRendering","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","StyledButton","styled","Button","color","text","border","concat","borderGray","borderRadius","justifyContent","backgroundColor","background","position","height","width","margin","textTransform","paddingRight","right","top","pointerEvents","marginLeft","outline","tertiary","outlineOffset","borderWidth","borderColor","correct","incorrectWithIcon","StyledMenu","Menu","padding","StyledMenuItem","MenuItem","overflow","fontSize","fontWeight","fontFamily","lineHeight","whiteSpace","dropdownBackground","boxSizing","StyledLabel","StyledSelectedIndicator","flexShrink","paddingLeft","StyledInputLabel","InputLabel","left","StyledCorrectnessIcon","Check","white","StyledIncorrectnessIcon","Close","Dropdown","_React$Component","props","_this","_classCallCheck2","event","_this$props","id","value","choices","highlightedOptionId","selectedIndex","findIndex","c","setState","anchorEl","currentTarget","previewValue","previewRef","current","innerHTML","index","stateUpdate","onChange","handleHighlight","handleClose","selectedValue","state","ref","elementRefs","preview","menuWidth","hiddenRef","React","createRef","buttonRef","_inherits2","_createClass2","key","componentDidMount","clientWidth","componentDidUpdate","prevProps","prevState","hiddenEl","dropdownJustOpened","containsLatex","querySelector","hasMathJax","mathHandled","renderMath","newWidth","getLabel","found","find","choice","label","trim","undefined","render","_this2","_this$props2","disabled","showCorrectAnswer","singleQuery","correctValue","open","buttonId","menuId","valueDisplayId","disabledClass","incrementedId","parseInt","labelId","labelText","correctnessIcon","createElement","className","Fragment","style","visibility","tabIndex","map","dangerouslySetInnerHTML","__html","minWidth","transition","onClick","handleClick","role","keepMounted","onClose","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","transitionDuration","enter","exit","slotProps","paper","list","disablePadding","optionId","selected","handleSelect","onMouseOver","handleHover","Component","PropTypes","string","bool","func","arrayOf","shape","_default","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport InputLabel from '@mui/material/InputLabel';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Close from '@mui/icons-material/Close';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledButton = styled(Button)(() => ({\n  color: color.text(),\n  border: `1px solid ${color.borderGray()}`,\n  borderRadius: '4px',\n  justifyContent: 'space-between',\n  backgroundColor: color.background(),\n  position: 'relative',\n  height: '45px',\n  width: 'fit-content',\n  margin: '2px',\n  textTransform: 'none',\n  '& span': {\n    paddingRight: '24px',\n  },\n  '& svg': {\n    position: 'absolute',\n    right: '4px',\n    top: 'calc(50% - 12px)',\n    pointerEvents: 'none',\n    color: color.text(),\n    marginLeft: '5px',\n  },\n  '&.Mui-focused': {\n    outline: `3px solid ${color.tertiary()}`,\n    outlineOffset: '2px',\n    borderWidth: '3px',\n  },\n  '&.disabledCorrect': {\n    borderWidth: '2px',\n    borderColor: color.correct(),\n    color: `${color.text()} !important`,\n  },\n  '&.disabledIncorrect': {\n    borderWidth: '2px',\n    borderColor: color.incorrectWithIcon(),\n    color: `${color.text()} !important`,\n  },\n}));\n\nconst StyledMenu = styled(Menu)(() => ({\n  backgroundColor: color.background(),\n  border: `1px solid ${color.correct()} !important`,\n  '&:hover': {\n    border: `1px solid ${color.text()} `,\n    borderColor: 'initial',\n  },\n  '&:focus': {\n    border: `1px solid ${color.text()}`,\n    borderColor: 'initial',\n  },\n  // remove default padding on the inner list\n  '& .MuiList-root': {\n    padding: 0,\n  },\n}));\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n  // base text/layout styles (from old JSS - before mui v5 migration)\n  height: 24,\n  overflow: 'hidden',\n  fontSize: '1rem',\n  fontWeight: 400,\n  fontFamily: 'inherit',\n  lineHeight: '1.5em',\n  whiteSpace: 'nowrap',\n\n  // custom styles\n  color: color.text(),\n  backgroundColor: color.background(),\n  '&.Mui-focusVisible': {\n    outline: `3px solid ${color.tertiary()}`,\n    outlineOffset: '-1px', // keeps it inside the item\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  '&:hover': {\n    color: color.text(),\n    backgroundColor: color.dropdownBackground(),\n  },\n  boxSizing: 'border-box',\n  padding: '16px 8px',\n  borderRadius: '4px',\n  '&.selected': {\n    color: `${color.text()} !important`,\n    backgroundColor: `${color.background()} !important`,\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: `${color.dropdownBackground()} !important`,\n    },\n  },\n}));\n\nconst StyledLabel = styled('span')(() => ({\n  fontSize: 'max(1rem, 14px)',\n}));\n\nconst StyledSelectedIndicator = styled('span')(() => ({\n  fontSize: 'max(1rem, 14px)',\n  flexShrink: 0,\n  paddingLeft: '8px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n  position: 'absolute',\n  left: '-10000px',\n  top: 'auto',\n  width: '1px',\n  height: '1px',\n  overflow: 'hidden',\n}));\n\nconst StyledCorrectnessIcon = styled(Check)(() => ({\n  color: `${color.white()} !important`,\n  position: 'absolute',\n  top: '-8px !important',\n  left: '-8px',\n  marginLeft: '0 !important',\n  borderRadius: '50%',\n  fontSize: '16px',\n  padding: '2px',\n  '&.correct': {\n    backgroundColor: color.correct(),\n  },\n  '&.incorrect': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n}));\n\nconst StyledIncorrectnessIcon = styled(Close)(() => ({\n  color: `${color.white()} !important`,\n  position: 'absolute',\n  top: '-8px !important',\n  left: '-8px',\n  marginLeft: '0 !important',\n  borderRadius: '50%',\n  fontSize: '16px',\n  padding: '2px',\n  '&.correct': {\n    backgroundColor: color.correct(),\n  },\n  '&.incorrect': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n}));\n\nclass Dropdown extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n    correct: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n    showCorrectAnswer: PropTypes.bool,\n    singleQuery: PropTypes.bool,\n    correctValue: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      anchorEl: null,\n      highlightedOptionId: null,\n      menuWidth: null,\n      previewValue: null,\n    };\n    this.hiddenRef = React.createRef();\n    this.buttonRef = React.createRef();\n    this.previewRef = React.createRef();\n    this.elementRefs = [];\n  }\n\n  componentDidMount() {\n    // measure hidden menu width once\n    if (this.hiddenRef.current && this.state.menuWidth === null) {\n      this.setState({ menuWidth: this.hiddenRef.current.clientWidth });\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const hiddenEl = this.hiddenRef.current;\n\n    const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;\n    if (dropdownJustOpened) {\n      this.elementRefs.forEach((ref) => {\n        if (!ref) return;\n\n        const containsLatex = ref.querySelector('[data-latex], [data-raw]');\n        const hasMathJax = ref.querySelector('mjx-container');\n        const mathHandled = ref.querySelector('[data-math-handled=\"true\"]');\n\n        if (containsLatex && (!mathHandled || !hasMathJax)) {\n          renderMath(ref);\n        }\n      });\n    }\n\n    if (hiddenEl) {\n      const newWidth = hiddenEl.clientWidth;\n      if (newWidth !== this.state.menuWidth) {\n        this.elementRefs.forEach((ref) => {\n          if (ref) renderMath(ref);\n        });\n\n        renderMath(hiddenEl);\n        this.setState({ menuWidth: newWidth });\n      }\n    }\n  }\n\n  handleClick = (event) => {\n    const { id, value, choices } = this.props;\n    let highlightedOptionId = null;\n\n    if (value) {\n      const selectedIndex = (choices || []).findIndex((c) => c.value === value);\n      if (selectedIndex >= 0) {\n        highlightedOptionId = `dropdown-option-${id}-${selectedIndex}`;\n      }\n    }\n\n    this.setState({ anchorEl: event.currentTarget, highlightedOptionId });\n  };\n\n  handleClose = () => {\n    const { value } = this.props;\n    this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });\n    // clear displayed preview if no selection\n    if (!value && this.previewRef.current) {\n      this.previewRef.current.innerHTML = '';\n    }\n  };\n\n  handleHighlight = (index) => {\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n    // preview on hover if nothing selected\n    const stateUpdate = { highlightedOptionId };\n    if (!this.props.value) {\n      stateUpdate.previewValue = this.props.choices[index].value;\n    }\n    this.setState(stateUpdate);\n  };\n\n  handleSelect = (value, index) => {\n    this.props.onChange(this.props.id, value);\n    this.handleHighlight(index);\n    this.handleClose();\n  };\n\n  handleHover = (index) => {\n    const selectedValue = this.props.value;\n\n    if (selectedValue) return;\n\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n    const previewValue = this.state.previewValue;\n\n    this.setState({ highlightedOptionId, previewValue }, () => {\n      // On hover, preview the math-rendered content inside the button if no value is selected.\n      const ref = this.elementRefs[index];\n      const preview = this.previewRef.current;\n\n      if (ref && preview) {\n        preview.innerHTML = ref.innerHTML;\n      }\n    });\n  };\n\n  getLabel(choices, value) {\n    const found = (choices || []).find((choice) => choice.value === value);\n\n    return found ? found.label.trim() : undefined;\n  }\n\n  render() {\n    const { id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n    const { anchorEl } = this.state;\n    const open = Boolean(anchorEl);\n    const buttonId = `dropdown-button-${id}`;\n    const menuId = `dropdown-menu-${id}`;\n    const valueDisplayId = `dropdown-value-${id}`;\n\n    // Determine the class for disabled state, view mode and evaluate mode\n    let disabledClass;\n    // Reset elementRefs before each render to avoid stale references\n    this.elementRefs = [];\n\n    if (disabled && correct !== undefined) {\n      disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';\n    }\n\n    // Create distinct, visually hidden labels for each dropdown\n    const incrementedId = parseInt(id, 10) + 1;\n    const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n    const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n    // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n    let correctnessIcon = null;\n    if (disabled && correct !== undefined) {\n      correctnessIcon =\n        correct || showCorrectAnswer ? (\n          <StyledCorrectnessIcon className=\"correct\" />\n        ) : (\n          <StyledIncorrectnessIcon className=\"incorrect\" />\n        );\n    }\n\n    return (\n      <>\n        <div\n          ref={this.hiddenRef}\n          style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        >\n          {(choices || []).map((c, index) => (\n            <StyledMenuItem key={index} tabIndex={-1} aria-hidden=\"true\">\n              <StyledLabel dangerouslySetInnerHTML={{ __html: c.label }} />\n            </StyledMenuItem>\n          ))}\n        </div>\n        <StyledInputLabel id={labelId} tabIndex={-1} aria-hidden=\"true\">\n          {labelText}\n        </StyledInputLabel>\n        <StyledButton\n          ref={this.buttonRef}\n          style={{\n            ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),\n            borderWidth: open ? '2px' : '1px',\n            transition: 'border-width 0.2s ease-in-out',\n          }}\n          aria-controls={open ? menuId : undefined}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open ? 'true' : undefined}\n          aria-activedescendant={this.state.highlightedOptionId}\n          onClick={this.handleClick}\n          className={disabledClass}\n          disabled={disabled}\n          id={buttonId}\n          role=\"combobox\"\n          aria-label={`Select an option for ${labelText}`}\n          aria-labelledby={valueDisplayId}\n        >\n          {correctnessIcon}\n          <StyledLabel\n            id={valueDisplayId}\n            ref={this.previewRef}\n            dangerouslySetInnerHTML={{\n              __html: correctValue\n                ? correctValue\n                : open && this.state.previewValue\n                  ? this.getLabel(choices, this.state.previewValue)\n                  : this.getLabel(choices, value) || '',\n            }}\n          />\n          {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n        </StyledButton>\n        <StyledMenu\n          id={menuId}\n          anchorEl={anchorEl}\n          keepMounted\n          open={open}\n          onClose={this.handleClose}\n          getContentAnchorEl={null}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n          transitionDuration={{ enter: 225, exit: 195 }}\n          slotProps={{\n            paper: this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined,\n            list: {\n              'aria-labelledby': buttonId,\n              role: 'listbox',\n              disablePadding: true,\n            },\n          }}\n        >\n          {(choices || []).map((c, index) => {\n            const optionId = `dropdown-option-${id}-${index}`;\n\n            return (\n              <StyledMenuItem\n                id={optionId}\n                className={c.value === value ? 'selected' : ''}\n                selected={c.value === value}\n                key={`${c.label}-${index}`}\n                value={c.value}\n                onClick={() => this.handleSelect(c.value, index)}\n                role=\"option\"\n                aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n                onMouseOver={() => this.handleHover(index)}\n              >\n                <StyledLabel\n                  ref={(ref) => (this.elementRefs[index] = ref)}\n                  dangerouslySetInnerHTML={{ __html: c.label }}\n                />\n                <StyledSelectedIndicator dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }} />\n              </StyledMenuItem>\n            );\n          })}\n        </StyledMenu>\n      </>\n    );\n  }\n}\n\nexport default Dropdown;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/input.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _correctInput = _interopRequireDefault(require("./correct-input"));
-var Input = function Input(_ref) {
-  var disabled = _ref.disabled,
-    correct = _ref.correct,
-    charactersLimit = _ref.charactersLimit,
-    id = _ref.id,
-    isConstructedResponse = _ref.isConstructedResponse,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    showCorrectAnswer = _ref.showCorrectAnswer,
-    spellCheck = _ref.spellCheck,
-    width = _ref.width;
-  return /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
-    disabled: disabled,
-    correct: showCorrectAnswer || correct,
-    charactersLimit: charactersLimit,
-    variant: "outlined",
-    value: value,
-    isConstructedResponse: isConstructedResponse,
-    spellCheck: spellCheck,
-    isBox: true,
-    width: width,
-    onChange: function onChange(e) {
-      _onChange(id, e.target.value);
-    }
-  });
-};
-Input.propTypes = {
-  id: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  onChange: _propTypes["default"].func,
-  disabled: _propTypes["default"].bool,
-  spellCheck: _propTypes["default"].bool,
-  correct: _propTypes["default"].bool,
-  showCorrectAnswer: _propTypes["default"].bool,
-  charactersLimit: _propTypes["default"].number,
-  width: _propTypes["default"].number,
-  isConstructedResponse: _propTypes["default"].bool
-};
-var _default = exports["default"] = Input;
-//# sourceMappingURL=input.js.map

package/lib/components/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctInput","Input","_ref","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","createElement","variant","isBox","e","target","propTypes","PropTypes","string","func","bool","number","_default","exports"],"sources":["../../src/components/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n  disabled,\n  correct,\n  charactersLimit,\n  id,\n  isConstructedResponse,\n  value,\n  onChange,\n  showCorrectAnswer,\n  spellCheck,\n  width,\n}) => {\n  return (\n    <CorrectInput\n      disabled={disabled}\n      correct={showCorrectAnswer || correct}\n      charactersLimit={charactersLimit}\n      variant=\"outlined\"\n      value={value}\n      isConstructedResponse={isConstructedResponse}\n      spellCheck={spellCheck}\n      isBox={true}\n      width={width}\n      onChange={(e) => {\n        onChange(id, e.target.value);\n      }}\n    />\n  );\n};\n\nInput.propTypes = {\n  id: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  spellCheck: PropTypes.bool,\n  correct: PropTypes.bool,\n  showCorrectAnswer: PropTypes.bool,\n  charactersLimit: PropTypes.number,\n  width: PropTypes.number,\n  isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAWL;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAEL,oBACEhB,MAAA,YAAAiB,aAAA,CAACb,aAAA,WAAY;IACXG,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEM,iBAAiB,IAAIN,OAAQ;IACtCC,eAAe,EAAEA,eAAgB;IACjCS,OAAO,EAAC,UAAU;IAClBN,KAAK,EAAEA,KAAM;IACbD,qBAAqB,EAAEA,qBAAsB;IAC7CI,UAAU,EAAEA,UAAW;IACvBI,KAAK,EAAE,IAAK;IACZH,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAE,SAAVA,QAAQA,CAAGO,CAAC,EAAK;MACfP,SAAQ,CAACH,EAAE,EAAEU,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC9B;EAAE,CACH,CAAC;AAEN,CAAC;AAEDP,KAAK,CAACiB,SAAS,GAAG;EAChBZ,EAAE,EAAEa,qBAAS,CAACC,MAAM;EACpBZ,KAAK,EAAEW,qBAAS,CAACC,MAAM;EACvBX,QAAQ,EAAEU,qBAAS,CAACE,IAAI;EACxBlB,QAAQ,EAAEgB,qBAAS,CAACG,IAAI;EACxBX,UAAU,EAAEQ,qBAAS,CAACG,IAAI;EAC1BlB,OAAO,EAAEe,qBAAS,CAACG,IAAI;EACvBZ,iBAAiB,EAAES,qBAAS,CAACG,IAAI;EACjCjB,eAAe,EAAEc,qBAAS,CAACI,MAAM;EACjCX,KAAK,EAAEO,qBAAS,CAACI,MAAM;EACvBhB,qBAAqB,EAAEY,qBAAS,CAACG;AACnC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaxB,KAAK","ignoreList":[]}