@pie-lib/mask-markup 3.0.4-next.31 → 3.0.4-next.33

package/lib/components/blank.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blank.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_mathRendering","_debug","_core","_utilities","_styles","_Chip","_classnames","_renderUi","_colors","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledContent","styled","_ref","dragged","over","border","concat","color","primary","minWidth","touchAction","overflow","whiteSpace","opacity","StyledChip","Chip","backgroundColor","background","text","fontSize","maxWidth","position","borderRadius","grey","correct","incorrect","StyledChipLabel","pointerEvents","display","padding","marginTop","marginBottom","left","top","transform","BlankContent","_ref2","_dragItem$choice","_frozenRef$current","_frozenRef$current2","disabled","choice","isOver","isDragging","dragItem","emptyResponseAreaWidth","emptyResponseAreaHeight","rootRef","useRef","spanRef","frozenRef","_useState","useState","height","width","_useState2","_slicedToArray2","dimensions","setDimensions","handleImageLoad","updateDimensions","handleElements","_spanRef$current","imageElement","current","querySelector","onload","setTimeout","getMeasureNode","mjx","parentElement","img","style","offsetHeight","measureNode","node","rect","getBoundingClientRect","offsetWidth","Math","max","scrollHeight","widthWithPadding","heightWithPadding","responseAreaWidth","parseFloat","responseAreaHeight","adjustedWidth","adjustedHeight","prevState","getRootDimensions","isNaN","rootStyle","minHeight","useEffect","renderMath","value","draggedLabel","label","createElement","clickable","ref","component","Fragment","draggable","className","classnames","hidden","dangerouslySetInnerHTML","__html","parentOver","undefined","variant","defaultProps","propTypes","id","PropTypes","oneOfType","string","number","bool","duplicates","object","onChange","func","instanceId","DragDropBlank","_ref3","_dragItem$data","_useDraggable","useDraggable","data","fromChoice","type","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setDropNodeRef","active","CSS","Translate","toString","_extends2","_default","exports"],"sources":["../../src/components/blank.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport classnames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst log = debug('pie-lib:mask-markup:blank');\n\nconst StyledContent = styled('span')(({ dragged, over }) => ({\n  border: `solid 0px ${color.primary()}`,\n  minWidth: '200px',\n  touchAction: 'none',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  opacity: 1,\n  ...(over && {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  }),\n  ...(dragged && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StyledChip = styled(Chip)(() => ({\n  backgroundColor: color.background(),\n  border: `2px dashed ${color.text()}`,\n  touchAction: 'none',\n  color: color.text(),\n  fontSize: 'inherit',\n  maxWidth: '374px',\n  position: 'relative',\n  borderRadius: '3px',\n  '&.over': {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.parentOver': {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  '&.correct': {\n    border: `solid 1px ${color.correct()}`,\n  },\n  '&.incorrect': {\n    border: `solid 1px ${color.incorrect()}`,\n  },\n  '&.Mui-disabled': {\n    opacity: 1,\n  },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n  whiteSpace: 'normal',\n  // Added for touch devices, for image content.\n  // This will prevent the context menu from appearing and not allowing other interactions with the image.\n  // If interactions with the image in the token will be requested we should handle only the context Menu.\n  pointerEvents: 'none',\n  '& img': {\n    display: 'block',\n    padding: '2px 0',\n  },\n  // Remove default <p> margins to ensure consistent spacing across all wrapped content (p, span, div, math)\n  // Padding for top and bottom will instead be controlled by the container for consistent layout\n  // Ensures consistent behavior with pie-api-browser, where marginTop is already removed by a Bootstrap stylesheet\n  '& p': {\n    marginTop: '0',\n    marginBottom: '0',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n  '&.over': {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.hidden': {\n    color: 'transparent',\n    opacity: 0,\n  },\n  '&.dragged': {\n    position: 'absolute',\n    left: 16,\n    maxWidth: '60px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n  },\n}));\n\nfunction BlankContent({\n  disabled,\n  choice,\n  isOver,\n  isDragging,\n  dragItem,\n  correct,\n  emptyResponseAreaWidth,\n  emptyResponseAreaHeight,\n}) {\n  const rootRef = useRef(null);\n  const spanRef = useRef(null);\n  const frozenRef = useRef(null); // to use during dragging to prevent flickering\n  const [dimensions, setDimensions] = useState({ height: 0, width: 0 });\n\n  const handleImageLoad = () => {\n    updateDimensions();\n  };\n\n  const handleElements = () => {\n    const imageElement = spanRef.current?.querySelector('img');\n    if (imageElement) {\n      imageElement.onload = handleImageLoad;\n    } else {\n      setTimeout(() => {\n        updateDimensions();\n      }, 300);\n    }\n  };\n\n  const getMeasureNode = () => {\n    if (!spanRef.current) return null;\n    const mjx = spanRef.current.querySelector('mjx-container');\n    if (mjx && spanRef.current.parentElement) return spanRef.current.parentElement;\n    const img = spanRef.current.querySelector('img');\n    if (img) return img;\n    return spanRef.current;\n  };\n\n  const updateDimensions = () => {\n    if (spanRef.current && rootRef.current) {\n      // Temporarily set rootRef width to 'auto' for natural measurement\n      rootRef.current.style.width = 'auto';\n      rootRef.current.style.height = 'auto';\n      rootRef.current.offsetHeight;\n\n      const measureNode = getMeasureNode();\n      const node = measureNode || spanRef.current;\n      const rect = node.getBoundingClientRect();\n      const width = rect.width || node.offsetWidth || 0;\n      const height = Math.max(\n        rect.height || 0,\n        node.offsetHeight || 0,\n        node.scrollHeight || 0,\n        spanRef.current.scrollHeight || 0,\n      );\n\n      const widthWithPadding = width + 24; // 12px padding on each side\n      const heightWithPadding = height + 24; // 12px padding on top and bottom\n\n      const responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;\n      const responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;\n\n      const adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;\n      const adjustedHeight = heightWithPadding <= responseAreaHeight ? responseAreaHeight : heightWithPadding;\n\n      setDimensions((prevState) => ({\n        width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,\n        height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height,\n      }));\n\n      rootRef.current.style.width = `${adjustedWidth}px`;\n      rootRef.current.style.height = `${adjustedHeight}px`;\n    }\n  };\n\n  const getRootDimensions = () => {\n    // Handle potential non-numeric values\n    const responseAreaWidth = !isNaN(parseFloat(emptyResponseAreaWidth)) ? parseFloat(emptyResponseAreaWidth) : 0;\n    const responseAreaHeight = !isNaN(parseFloat(emptyResponseAreaHeight)) ? parseFloat(emptyResponseAreaHeight) : 0;\n\n    const rootStyle = {\n      height: dimensions.height || responseAreaHeight,\n      width: dimensions.width || responseAreaWidth,\n    };\n\n    // add minWidth, minHeight if width and height are not defined\n    return {\n      ...rootStyle,\n      ...(responseAreaWidth ? {} : { minWidth: 90 }),\n      ...(responseAreaHeight ? {} : { minHeight: 32 }),\n    };\n  };\n\n  useEffect(() => {\n    handleElements();\n  }, []);\n\n  // Render math for the placeholder/preview when dragging over\n  useEffect(() => {\n    if (rootRef.current) {\n      renderMath(rootRef.current);\n    }\n  }, [correct, isOver, dragItem?.choice?.value]);\n\n  useEffect(() => {\n    if (!choice) {\n      setDimensions({ height: 0, width: 0 });\n      return;\n    }\n    handleElements();\n  }, [choice]);\n\n  useEffect(() => {\n    if (!isOver && !isDragging) {\n      frozenRef.current = {\n        width: rootRef.current.offsetWidth,\n        height: rootRef.current.offsetHeight,\n      };\n    }\n  }, [choice, isOver, isDragging]);\n\n  const draggedLabel = dragItem && isOver && dragItem.choice && dragItem.choice.value;\n  const label = choice && choice.value;\n  const style =\n    isOver || isDragging\n      ? {\n          width: frozenRef.current?.width,\n          height: frozenRef.current?.height,\n        }\n      : getRootDimensions();\n\n  return (\n    <StyledChip\n      clickable={false}\n      disabled={disabled}\n      ref={rootRef}\n      component=\"span\"\n      label={\n        <React.Fragment>\n          <StyledChipLabel\n            ref={spanRef}\n            draggable={true}\n            className={classnames({\n              over: isOver,\n              hidden: draggedLabel,\n            })}\n            dangerouslySetInnerHTML={{ __html: label || '' }}\n          />\n          {draggedLabel && (\n            <StyledChipLabel\n              draggable={true}\n              className={classnames({\n                over: isOver,\n                dragged: true,\n              })}\n              dangerouslySetInnerHTML={{ __html: draggedLabel || '' }}\n            />\n          )}\n        </React.Fragment>\n      }\n      className={classnames({\n        over: isOver,\n        parentOver: isOver,\n        correct: correct !== undefined && correct,\n        incorrect: correct !== undefined && !correct,\n      })}\n      variant={disabled ? 'outlined' : undefined}\n      style={style}\n    />\n  );\n}\n\nBlankContent.defaultProps = {\n  emptyResponseAreaWidth: 0,\n  emptyResponseAreaHeight: 0,\n};\n\nBlankContent.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  duplicates: PropTypes.bool,\n  choice: PropTypes.object,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  correct: PropTypes.bool,\n  onChange: PropTypes.func,\n  emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  instanceId: PropTypes.string,\n};\n\n// New functional component using @dnd-kit hooks\nfunction DragDropBlank({\n  id,\n  disabled,\n  duplicates,\n  choice,\n  correct,\n  onChange,\n  emptyResponseAreaWidth,\n  emptyResponseAreaHeight,\n  instanceId,\n}) {\n  // Setup draggable functionality\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    transform,\n    isDragging,\n  } = useDraggable({\n    id: `mask-blank-drag-${id}`,\n    disabled: disabled || !choice,\n    data: {\n      id: id,\n      choice: choice,\n      instanceId: instanceId,\n      fromChoice: false, // This is from a blank, not from choices\n      type: 'MaskBlank',\n    },\n  });\n\n  // Setup droppable functionality\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `mask-blank-drop-${id}`,\n    data: {\n      id: id,\n      accepts: ['MaskBlank'],\n      instanceId: instanceId,\n    },\n  });\n\n  // Combine refs for both drag and drop\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const style = {\n    transform: CSS.Translate.toString(transform),\n  };\n\n  return (\n    <StyledContent\n      ref={setNodeRef}\n      style={style}\n      dragged={isDragging}\n      over={isOver}\n      {...dragAttributes}\n      {...dragListeners}\n    >\n      <BlankContent\n        id={id}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        isOver={isOver}\n        dragItem={dragItem?.data?.current}\n        correct={correct}\n        onChange={onChange}\n        emptyResponseAreaWidth={emptyResponseAreaWidth}\n        emptyResponseAreaHeight={emptyResponseAreaHeight}\n        instanceId={instanceId}\n      />\n    </StyledContent>\n  );\n}\n\nDragDropBlank.defaultProps = {\n  emptyResponseAreaWidth: 0,\n  emptyResponseAreaHeight: 0,\n};\n\nDragDropBlank.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  duplicates: PropTypes.bool,\n  choice: PropTypes.object,\n  correct: PropTypes.bool,\n  onChange: PropTypes.func,\n  emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  instanceId: PropTypes.string,\n};\n\nexport default DragDropBlank;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/correct-input.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
-var _classnames2 = _interopRequireDefault(require("classnames"));
-var _styles = require("@mui/material/styles");
-var _renderUi = require("@pie-lib/render-ui");
-var _excluded = ["correct", "charactersLimit", "disabled", "isBox", "isConstructedResponse", "width", "spellCheck"];
-var StyledOutlinedInput = (0, _styles.styled)(_OutlinedInput["default"])(function () {
-  return {
-    padding: '2px',
-    borderRadius: '4px',
-    fontSize: 'inherit',
-    display: 'inline-block',
-    verticalAlign: 'middle',
-    '& fieldset': {
-      border: 0
-    },
-    '& .MuiOutlinedInput-input': {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      borderRadius: '4px !important',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      padding: '10px 20px 10px 10px',
-      '&:disabled': {
-        opacity: 0.8,
-        cursor: 'not-allowed !important'
-      },
-      '&:hover': {
-        borderColor: _renderUi.color.primary(),
-        '&:disabled': {
-          borderColor: 'initial'
-        }
-      },
-      '&.Mui-focused': {
-        borderColor: _renderUi.color.primaryDark()
-      },
-      '&.crInput': {
-        padding: '8px !important'
-      },
-      '&.correct': {
-        borderColor: "".concat(_renderUi.color.correct(), " !important")
-      },
-      '&.incorrect': {
-        borderColor: "".concat(_renderUi.color.incorrect(), " !important")
-      }
-    }
-  };
-});
-var CorrectInput = function CorrectInput(props) {
-  var correct = props.correct,
-    charactersLimit = props.charactersLimit,
-    disabled = props.disabled,
-    isBox = props.isBox,
-    isConstructedResponse = props.isConstructedResponse,
-    width = props.width,
-    spellCheck = props.spellCheck,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var label = typeof correct === 'boolean' ? correct ? 'correct' : 'incorrect' : undefined;
-  var inputProps = charactersLimit ? {
-    maxLength: charactersLimit,
-    'aria-label': 'Enter answer'
-  } : {
-    'aria-label': 'Enter answer'
-  };
-  if (width) {
-    inputProps.style = {
-      width: "".concat(width + Math.round(width / 10) + 1, "ch") // added some extra space for capital letters
-    };
-  }
-  return /*#__PURE__*/_react["default"].createElement(StyledOutlinedInput, (0, _extends2["default"])({
-    className: (0, _classnames2["default"])({
-      disabledInput: disabled,
-      box: isBox
-    }),
-    classes: {
-      input: (0, _classnames2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, label, label), "crInput", isConstructedResponse))
-    },
-    inputProps: inputProps,
-    disabled: disabled,
-    spellCheck: spellCheck
-  }, rest));
-};
-var _default = exports["default"] = CorrectInput;
-//# sourceMappingURL=correct-input.js.map

package/lib/components/correct-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"correct-input.js","names":["_react","_interopRequireDefault","require","_OutlinedInput","_classnames2","_styles","_renderUi","_excluded","StyledOutlinedInput","styled","OutlinedInput","padding","borderRadius","fontSize","display","verticalAlign","border","color","text","backgroundColor","background","borderWidth","borderStyle","opacity","cursor","borderColor","primary","primaryDark","concat","correct","incorrect","CorrectInput","props","charactersLimit","disabled","isBox","isConstructedResponse","width","spellCheck","rest","_objectWithoutProperties2","label","undefined","inputProps","maxLength","style","Math","round","createElement","_extends2","className","classnames","disabledInput","box","classes","input","_defineProperty2","_default","exports"],"sources":["../../src/components/correct-input.jsx"],"sourcesContent":["import React from 'react';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport classnames from 'classnames';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledOutlinedInput = styled(OutlinedInput)(() => ({\n  padding: '2px',\n  borderRadius: '4px',\n  fontSize: 'inherit',\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  '& fieldset': {\n    border: 0,\n  },\n  '& .MuiOutlinedInput-input': {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderRadius: '4px !important',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    padding: '10px 20px 10px 10px',\n    '&:disabled': {\n      opacity: 0.8,\n      cursor: 'not-allowed !important',\n    },\n    '&:hover': {\n      borderColor: color.primary(),\n      '&:disabled': {\n        borderColor: 'initial',\n      },\n    },\n    '&.Mui-focused': {\n      borderColor: color.primaryDark(),\n    },\n    '&.crInput': {\n      padding: '8px !important',\n    },\n    '&.correct': {\n      borderColor: `${color.correct()} !important`,\n    },\n    '&.incorrect': {\n      borderColor: `${color.incorrect()} !important`,\n    },\n  },\n}));\n\nconst CorrectInput = (props) => {\n  const { correct, charactersLimit, disabled, isBox, isConstructedResponse, width, spellCheck, ...rest } = props;\n\n  const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n  const inputProps = charactersLimit\n    ? { maxLength: charactersLimit, 'aria-label': 'Enter answer' }\n    : { 'aria-label': 'Enter answer' };\n\n  if (width) {\n    inputProps.style = {\n      width: `${width + Math.round(width / 10) + 1}ch`, // added some extra space for capital letters\n    };\n  }\n\n  return (\n    <StyledOutlinedInput\n      className={classnames({\n        disabledInput: disabled,\n        box: isBox,\n      })}\n      classes={{\n        input: classnames({\n          [label]: label,\n          crInput: isConstructedResponse,\n        }),\n      }}\n      inputProps={inputProps}\n      disabled={disabled}\n      spellCheck={spellCheck}\n      {...rest}\n    />\n  );\n};\n\nexport default CorrectInput;\n"],"mappings":"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","ignoreList":[]}

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