@pie-lib/editable-html 13.0.3-next.1 → 13.0.3-next.121

package/lib/plugins/respArea/drag-in-the-blank/choice.js

@@ -29,6 +29,9 @@ var StyledContent = (0, _styles.styled)('span')(function (_ref) {
     '& mjx-frac': {
       fontSize: '120% !important'
     },
+    '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {
+      fontSize: '120% !important'
+    },
     '&.chip': {
       minWidth: '90px'
     },

package/lib/plugins/respArea/drag-in-the-blank/choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_core","_renderUi","_mathRendering","_styles","_icons","_utils","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","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","minWidth","color","correct","error","primaryDark","BlankContent","_ref2","_dragItem$value2","_dragItem$value3","children","isDragging","isOver","dragItem","value","externalStyle","style","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","_dragItem$value","currentContent","renderMath","id","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","hasContent","containsHTML","test","spanProps","key","createElement","ref","display","minHeight","background","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","contentEditable","GripIcon","top","left","_extends2","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","func","bool","disabled","DragDropChoice","_ref3","_dragItem$data","instanceId","nodeProps","opts","_useDraggable","useDraggable","data","type","fromChoice","onRemove","draggedData","onRemoveResponse","onDrop","dropData","isValidBlank","onValueChange","options","duplicates","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","content","className","classnames","string","isRequired","shape","_default","exports"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\n\nimport { GripIcon } from '../icons';\nimport { onRemoveResponse, onValueChange } from './utils';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n  '&.chip': {\n    minWidth: '90px',\n  },\n  '&.correct': {\n    border: `solid 1px ${color.correct()}`,\n  },\n  '&.incorrect': {\n    border: `solid 1px ${theme.palette.error.main}`,\n  },\n  '&.selected': {\n    border: `2px solid ${color.primaryDark()} !important`,\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value, style: externalStyle }) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    // Render math for the current value or preview\n    const currentContent = (isOver && dragItem?.value?.value) || value?.value;\n\n    if (!currentContent) return;\n\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.id, value?.value, isOver, dragItem?.value?.id, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && dragItem.value && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n  const hasContent = finalLabel !== '\\u00A0';\n  const containsHTML = hasContent && /<[^>]+>/.test(finalLabel);\n\n  const spanProps = {\n    key: `${n.key}-${isPreview ? 'preview' : 'value'}`,\n    ...(hasContent && { 'data-latex': '', 'data-raw': finalLabel }),\n  };\n\n  return (\n    <div\n      ref={elementRef}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n        ...externalStyle,\n      }}\n      data-key={n.key}\n      contentEditable={false}\n    >\n      {hasGrip && (\n        <GripIcon\n          style={{\n            position: 'absolute',\n            top: '6px',\n            left: '15px',\n            color: '#9B9B9B',\n          }}\n          contentEditable={false}\n        />\n      )}\n      {containsHTML ? (\n        <span {...spanProps} dangerouslySetInnerHTML={{ __html: finalLabel }} />\n      ) : (\n        <span {...spanProps}>{finalLabel}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.func,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  style: PropTypes.object,\n};\n\nfunction DragDropChoice({ value, disabled, instanceId, children, n, nodeProps, opts }) {\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `drag-${n.key}`,\n    disabled: disabled || !value?.value,\n    data: {\n      id: `drag-${n.key}`,\n      value,\n      instanceId,\n      nodeProps,\n      n,\n      opts,\n      type: 'drag-in-the-blank-placed-choice',\n      fromChoice: !value,\n      onRemove: (draggedData) => onRemoveResponse(nodeProps, draggedData.value),\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // place into blank\n        onValueChange(nodeProps, n, draggedData.value);\n\n        if (!opts.options.duplicates && draggedData.fromChoice) {\n          onRemoveResponse(nodeProps, draggedData.value);\n        }\n      },\n    },\n  });\n\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `drop-${n.key}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.key}`,\n      nodeProps,\n      n,\n      opts,\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onValueChange(nodeProps, n, draggedData.value);\n\n          if (!opts.options.duplicates && draggedData.fromChoice) {\n            onRemoveResponse(nodeProps, draggedData.value);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          onRemoveResponse(nodeProps, dropData.value);\n\n          // set new blank value\n          onValueChange(nodeProps, n, draggedData.value);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => onRemoveResponse(nodeProps, draggedData.value), 10);\n        }\n      },\n    },\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent\n      n={n}\n      isDragging={isDragging}\n      isOver={isOver}\n      dragItem={dragItem?.data?.current}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  nodeProps: PropTypes.object.isRequired,\n  opts: PropTypes.shape({\n    options: PropTypes.shape({\n      duplicates: PropTypes.bool,\n    }),\n  }).isRequired,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_core","_renderUi","_mathRendering","_styles","_icons","_utils","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","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","minWidth","color","correct","error","primaryDark","BlankContent","_ref2","_dragItem$value2","_dragItem$value3","children","isDragging","isOver","dragItem","value","externalStyle","style","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","_dragItem$value","currentContent","renderMath","id","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","hasContent","containsHTML","test","spanProps","key","createElement","ref","display","minHeight","background","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","contentEditable","GripIcon","top","left","_extends2","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","func","bool","disabled","DragDropChoice","_ref3","_dragItem$data","instanceId","nodeProps","opts","_useDraggable","useDraggable","data","type","fromChoice","onRemove","draggedData","onRemoveResponse","onDrop","dropData","isValidBlank","onValueChange","options","duplicates","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","content","className","classnames","string","isRequired","shape","_default","exports"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\n\nimport { GripIcon } from '../icons';\nimport { onRemoveResponse, onValueChange } from './utils';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n  '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {\n    fontSize: '120% !important',\n  },\n  '&.chip': {\n    minWidth: '90px',\n  },\n  '&.correct': {\n    border: `solid 1px ${color.correct()}`,\n  },\n  '&.incorrect': {\n    border: `solid 1px ${theme.palette.error.main}`,\n  },\n  '&.selected': {\n    border: `2px solid ${color.primaryDark()} !important`,\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value, style: externalStyle }) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    // Render math for the current value or preview\n    const currentContent = (isOver && dragItem?.value?.value) || value?.value;\n\n    if (!currentContent) return;\n\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.id, value?.value, isOver, dragItem?.value?.id, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && dragItem.value && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n  const hasContent = finalLabel !== '\\u00A0';\n  const containsHTML = hasContent && /<[^>]+>/.test(finalLabel);\n\n  const spanProps = {\n    key: `${n.key}-${isPreview ? 'preview' : 'value'}`,\n    ...(hasContent && { 'data-latex': '', 'data-raw': finalLabel }),\n  };\n\n  return (\n    <div\n      ref={elementRef}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n        ...externalStyle,\n      }}\n      data-key={n.key}\n      contentEditable={false}\n    >\n      {hasGrip && (\n        <GripIcon\n          style={{\n            position: 'absolute',\n            top: '6px',\n            left: '15px',\n            color: '#9B9B9B',\n          }}\n          contentEditable={false}\n        />\n      )}\n      {containsHTML ? (\n        <span {...spanProps} dangerouslySetInnerHTML={{ __html: finalLabel }} />\n      ) : (\n        <span {...spanProps}>{finalLabel}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.func,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  style: PropTypes.object,\n};\n\nfunction DragDropChoice({ value, disabled, instanceId, children, n, nodeProps, opts }) {\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `drag-${n.key}`,\n    disabled: disabled || !value?.value,\n    data: {\n      id: `drag-${n.key}`,\n      value,\n      instanceId,\n      nodeProps,\n      n,\n      opts,\n      type: 'drag-in-the-blank-placed-choice',\n      fromChoice: !value,\n      onRemove: (draggedData) => onRemoveResponse(nodeProps, draggedData.value),\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // place into blank\n        onValueChange(nodeProps, n, draggedData.value);\n\n        if (!opts.options.duplicates && draggedData.fromChoice) {\n          onRemoveResponse(nodeProps, draggedData.value);\n        }\n      },\n    },\n  });\n\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `drop-${n.key}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.key}`,\n      nodeProps,\n      n,\n      opts,\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onValueChange(nodeProps, n, draggedData.value);\n\n          if (!opts.options.duplicates && draggedData.fromChoice) {\n            onRemoveResponse(nodeProps, draggedData.value);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          onRemoveResponse(nodeProps, dropData.value);\n\n          // set new blank value\n          onValueChange(nodeProps, n, draggedData.value);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => onRemoveResponse(nodeProps, draggedData.value), 10);\n        }\n      },\n    },\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent\n      n={n}\n      isDragging={isDragging}\n      isOver={isOver}\n      dragItem={dragItem?.data?.current}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  nodeProps: PropTypes.object.isRequired,\n  opts: PropTypes.shape({\n    options: PropTypes.shape({\n      duplicates: PropTypes.bool,\n    }),\n  }).isRequired,\n};\n\nexport default DragDropChoice;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAA0D,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,wBAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAE1D,IAAMkC,aAAa,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACnDC,MAAM,eAAAC,MAAA,CAAeF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,IAAI,CAAE;IACjD,YAAY,EAAE;MACZC,QAAQ,EAAE;IACZ,CAAC;IACD,+CAA+C,EAAE;MAC/CA,QAAQ,EAAE;IACZ,CAAC;IACD,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ,CAAC;IACD,WAAW,EAAE;MACXN,MAAM,eAAAC,MAAA,CAAeM,eAAK,CAACC,OAAO,CAAC,CAAC;IACtC,CAAC;IACD,aAAa,EAAE;MACbR,MAAM,eAAAC,MAAA,CAAeF,KAAK,CAACG,OAAO,CAACO,KAAK,CAACL,IAAI;IAC/C,CAAC;IACD,YAAY,EAAE;MACZJ,MAAM,eAAAC,MAAA,CAAeM,eAAK,CAACG,WAAW,CAAC,CAAC;IAC1C;EACF,CAAC;AAAA,CAAC,CAAC;AAEI,SAASC,YAAYA,CAAAC,KAAA,EAA6E;EAAA,IAAAC,gBAAA,EAAAC,gBAAA;EAAA,IAA1EhD,CAAC,GAAA8C,KAAA,CAAD9C,CAAC;IAAEiD,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEC,UAAU,GAAAJ,KAAA,CAAVI,UAAU;IAAEC,MAAM,GAAAL,KAAA,CAANK,MAAM;IAAEC,QAAQ,GAAAN,KAAA,CAARM,QAAQ;IAAEC,KAAK,GAAAP,KAAA,CAALO,KAAK;IAASC,aAAa,GAAAR,KAAA,CAApBS,KAAK;EACpF,IAAAC,SAAA,GAAoD,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAA3DI,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAChD,IAAMI,UAAU,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE/B,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAK,EAAK;IAC7B,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IAEzB,IAAIJ,UAAU,CAACI,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;MAC7CN,UAAU,CAACI,OAAO,CAACG,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;IAC9C,CAAC,MAAM;MACLR,UAAU,CAACI,OAAO,CAACG,SAAS,CAACE,MAAM,CAAC,UAAU,CAAC;IACjD;EACF,CAAC;EAED,IAAAC,gBAAS,EAAC,YAAM;IACdC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEV,WAAW,CAAC;IAC/C,OAAO,YAAM;MACXS,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEX,WAAW,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAQ,gBAAS,EAAC,YAAM;IAAA,IAAAI,eAAA;IACd;IACA,IAAMC,cAAc,GAAI1B,MAAM,KAAIC,QAAQ,aAARA,QAAQ,gBAAAwB,eAAA,GAARxB,QAAQ,CAAEC,KAAK,cAAAuB,eAAA,uBAAfA,eAAA,CAAiBvB,KAAK,MAAKA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEA,KAAK;IAEzE,IAAI,CAACwB,cAAc,EAAE;IAErB,IAAIf,UAAU,CAACI,OAAO,IAAI,OAAOY,yBAAU,KAAK,UAAU,EAAE;MAC1D,IAAAA,yBAAU,EAAChB,UAAU,CAACI,OAAO,CAAC;IAChC;EACF,CAAC,EAAE,CAACb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0B,EAAE,EAAE1B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEA,KAAK,EAAEF,MAAM,EAAEC,QAAQ,aAARA,QAAQ,gBAAAL,gBAAA,GAARK,QAAQ,CAAEC,KAAK,cAAAN,gBAAA,uBAAfA,gBAAA,CAAiBgC,EAAE,EAAE3B,QAAQ,aAARA,QAAQ,gBAAAJ,gBAAA,GAARI,QAAQ,CAAEC,KAAK,cAAAL,gBAAA,uBAAfA,gBAAA,CAAiBK,KAAK,CAAC,CAAC;EAElF,IAAAmB,gBAAS,EAAC,YAAM;IACd,IAAIrB,MAAM,IAAIW,UAAU,CAACI,OAAO,IAAI,CAACN,kBAAkB,EAAE;MACvD,IAAMoB,IAAI,GAAGlB,UAAU,CAACI,OAAO;MAC/BL,qBAAqB,CAAC;QAAEoB,KAAK,EAAED,IAAI,CAACE,WAAW;QAAEC,MAAM,EAAEH,IAAI,CAACI;MAAa,CAAC,CAAC;IAC/E,CAAC,MAAM,IAAI,CAACjC,MAAM,IAAIS,kBAAkB,EAAE;MACxCC,qBAAqB,CAAC,IAAI,CAAC;IAC7B;EACF,CAAC,EAAE,CAACV,MAAM,EAAES,kBAAkB,CAAC,CAAC;EAEhC,IAAMyB,KAAK,GAAGjC,QAAQ,IAAIA,QAAQ,CAACC,KAAK,IAAIF,MAAM,GAAGC,QAAQ,CAACC,KAAK,CAACA,KAAK,GAAGA,KAAK,CAACA,KAAK,IAAI,MAAQ;EACnG,IAAMiC,UAAU,GAAGpC,UAAU,GAAG,MAAQ,GAAGmC,KAAK;EAChD,IAAME,OAAO,GAAGD,UAAU,KAAK,MAAQ;EACvC,IAAME,SAAS,GAAGpC,QAAQ,IAAID,MAAM;EACpC,IAAMsC,UAAU,GAAGH,UAAU,KAAK,MAAQ;EAC1C,IAAMI,YAAY,GAAGD,UAAU,IAAI,SAAS,CAACE,IAAI,CAACL,UAAU,CAAC;EAE7D,IAAMM,SAAS,GAAArE,aAAA;IACbsE,GAAG,KAAA1D,MAAA,CAAKnC,CAAC,CAAC6F,GAAG,OAAA1D,MAAA,CAAIqD,SAAS,GAAG,SAAS,GAAG,OAAO;EAAE,GAC9CC,UAAU,IAAI;IAAE,YAAY,EAAE,EAAE;IAAE,UAAU,EAAEH;EAAW,CAAC,CAC/D;EAED,oBACEtG,MAAA,YAAA8G,aAAA;IACEC,GAAG,EAAEjC,UAAW;IAChBP,KAAK,EAAAhC,aAAA;MACHyE,OAAO,EAAE,aAAa;MACtBxD,QAAQ,EAAE,OAAO;MACjByD,SAAS,EAAE,MAAM;MACjBC,UAAU,EAAEV,SAAS,MAAArD,MAAA,CAAMM,eAAK,CAAC0D,QAAQ,CAACC,YAAY,OAAAjE,MAAA,CAAQM,eAAK,CAAC0D,QAAQ,CAACE,KAAK,CAAE;MACpFnE,MAAM,EAAEsD,SAAS,iBAAArD,MAAA,CAAiBM,eAAK,CAAC0D,QAAQ,CAACG,WAAW,kBAAAnE,MAAA,CAAmBM,eAAK,CAAC0D,QAAQ,CAACC,YAAY,CAAE;MAC5GG,SAAS,EAAE,YAAY;MACvBC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,kBAAkB;MAC3B1B,KAAK,EAAErB,kBAAkB,GAAGA,kBAAkB,CAACqB,KAAK,GAAG2B,SAAS;MAChEzB,MAAM,EAAEvB,kBAAkB,GAAGA,kBAAkB,CAACuB,MAAM,GAAGyB;IAAS,GAC/DtD,aAAa,CAChB;IACF,YAAUtD,CAAC,CAAC6F,GAAI;IAChBgB,eAAe,EAAE;EAAM,GAEtBtB,OAAO,iBACNvG,MAAA,YAAA8G,aAAA,CAACpG,MAAA,CAAAoH,QAAQ;IACPvD,KAAK,EAAE;MACLmD,QAAQ,EAAE,UAAU;MACpBK,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,MAAM;MACZvE,KAAK,EAAE;IACT,CAAE;IACFoE,eAAe,EAAE;EAAM,CACxB,CACF,EACAnB,YAAY,gBACX1G,MAAA,YAAA8G,aAAA,aAAAmB,SAAA,iBAAUrB,SAAS;IAAEsB,uBAAuB,EAAE;MAAEC,MAAM,EAAE7B;IAAW;EAAE,EAAE,CAAC,gBAExEtG,MAAA,YAAA8G,aAAA,SAAUF,SAAS,EAAGN,UAAiB,CACxC,EACArC,QACE,CAAC;AAEV;AAEAJ,YAAY,CAACuE,SAAS,GAAG;EACvBpH,CAAC,EAAEqH,qBAAS,CAACC,MAAM;EACnBrE,QAAQ,EAAEoE,qBAAS,CAACE,IAAI;EACxBrE,UAAU,EAAEmE,qBAAS,CAACG,IAAI;EAC1BrE,MAAM,EAAEkE,qBAAS,CAACG,IAAI;EACtBpE,QAAQ,EAAEiE,qBAAS,CAACC,MAAM;EAC1BjE,KAAK,EAAEgE,qBAAS,CAACC,MAAM;EACvBG,QAAQ,EAAEJ,qBAAS,CAACG,IAAI;EACxBjE,KAAK,EAAE8D,qBAAS,CAACC;AACnB,CAAC;AAED,SAASI,cAAcA,CAAAC,KAAA,EAAgE;EAAA,IAAAC,cAAA;EAAA,IAA7DvE,KAAK,GAAAsE,KAAA,CAALtE,KAAK;IAAEoE,QAAQ,GAAAE,KAAA,CAARF,QAAQ;IAAEI,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAE5E,QAAQ,GAAA0E,KAAA,CAAR1E,QAAQ;IAAEjD,CAAC,GAAA2H,KAAA,CAAD3H,CAAC;IAAE8H,SAAS,GAAAH,KAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,KAAA,CAAJI,IAAI;EACjF,IAAAC,aAAA,GAKI,IAAAC,kBAAY,EAAC;MACflD,EAAE,UAAA5C,MAAA,CAAUnC,CAAC,CAAC6F,GAAG,CAAE;MACnB4B,QAAQ,EAAEA,QAAQ,IAAI,EAACpE,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEA,KAAK;MACnC6E,IAAI,EAAE;QACJnD,EAAE,UAAA5C,MAAA,CAAUnC,CAAC,CAAC6F,GAAG,CAAE;QACnBxC,KAAK,EAALA,KAAK;QACLwE,UAAU,EAAVA,UAAU;QACVC,SAAS,EAATA,SAAS;QACT9H,CAAC,EAADA,CAAC;QACD+H,IAAI,EAAJA,IAAI;QACJI,IAAI,EAAE,iCAAiC;QACvCC,UAAU,EAAE,CAAC/E,KAAK;QAClBgF,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,WAAW;UAAA,OAAK,IAAAC,uBAAgB,EAACT,SAAS,EAAEQ,WAAW,CAACjF,KAAK,CAAC;QAAA;QACzEmF,MAAM,EAAE,SAARA,MAAMA,CAAGF,WAAW,EAAEG,QAAQ,EAAK;UACjC;UACA,IAAMC,YAAY,GAAG,CAAAD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEN,IAAI,MAAK,+BAA+B;UAEvE,IAAI,CAACO,YAAY,EAAE;;UAEnB;UACA,IAAAC,oBAAa,EAACb,SAAS,EAAE9H,CAAC,EAAEsI,WAAW,CAACjF,KAAK,CAAC;UAE9C,IAAI,CAAC0E,IAAI,CAACa,OAAO,CAACC,UAAU,IAAIP,WAAW,CAACF,UAAU,EAAE;YACtD,IAAAG,uBAAgB,EAACT,SAAS,EAAEQ,WAAW,CAACjF,KAAK,CAAC;UAChD;QACF;MACF;IACF,CAAC,CAAC;IA/BYyF,cAAc,GAAAd,aAAA,CAA1Be,UAAU;IACCC,aAAa,GAAAhB,aAAA,CAAxBiB,SAAS;IACGC,cAAc,GAAAlB,aAAA,CAA1BmB,UAAU;IACVjG,UAAU,GAAA8E,aAAA,CAAV9E,UAAU;EA8BZ,IAAAkG,aAAA,GAII,IAAAC,kBAAY,EAAC;MACftE,EAAE,UAAA5C,MAAA,CAAUnC,CAAC,CAAC6F,GAAG,CAAE;MACnBqC,IAAI,EAAE;QACJC,IAAI,EAAE,+BAA+B;QACrCmB,OAAO,EAAE,CAAC,0BAA0B,EAAE,iCAAiC,CAAC;QACxEzB,UAAU,EAAEA,UAAU;QACtBxE,KAAK,EAAEA,KAAK;QACZ0B,EAAE,UAAA5C,MAAA,CAAUnC,CAAC,CAAC6F,GAAG,CAAE;QACnBiC,SAAS,EAATA,SAAS;QACT9H,CAAC,EAADA,CAAC;QACD+H,IAAI,EAAJA,IAAI;QACJS,MAAM,EAAE,SAARA,MAAMA,CAAGF,WAAW,EAAEG,QAAQ,EAAK;UACjC;UACA,IAAMC,YAAY,GAAG,CAAAD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEN,IAAI,MAAK,+BAA+B;UAEvE,IAAI,CAACO,YAAY,EAAE;;UAEnB;UACA,IAAIJ,WAAW,CAACjF,KAAK,CAAC0B,EAAE,KAAK0D,QAAQ,CAACpF,KAAK,CAAC0B,EAAE,EAAE;UAEhD,IAAIuD,WAAW,CAACH,IAAI,KAAK,0BAA0B,EAAE;YACnD;YACA,IAAAQ,oBAAa,EAACb,SAAS,EAAE9H,CAAC,EAAEsI,WAAW,CAACjF,KAAK,CAAC;YAE9C,IAAI,CAAC0E,IAAI,CAACa,OAAO,CAACC,UAAU,IAAIP,WAAW,CAACF,UAAU,EAAE;cACtD,IAAAG,uBAAgB,EAACT,SAAS,EAAEQ,WAAW,CAACjF,KAAK,CAAC;YAChD;YACA;UACF;;UAEA;UACA,IAAIiF,WAAW,CAACH,IAAI,KAAK,iCAAiC,EAAE;YAC1D;YACA,IAAAI,uBAAgB,EAACT,SAAS,EAAEW,QAAQ,CAACpF,KAAK,CAAC;;YAE3C;YACA,IAAAsF,oBAAa,EAACb,SAAS,EAAE9H,CAAC,EAAEsI,WAAW,CAACjF,KAAK,CAAC;;YAE9C;YACAkG,UAAU,CAAC;cAAA,OAAM,IAAAhB,uBAAgB,EAACT,SAAS,EAAEQ,WAAW,CAACjF,KAAK,CAAC;YAAA,GAAE,EAAE,CAAC;UACtE;QACF;MACF;IACF,CAAC,CAAC;IA9CYmG,cAAc,GAAAJ,aAAA,CAA1BD,UAAU;IACVhG,MAAM,GAAAiG,aAAA,CAANjG,MAAM;IACEC,QAAQ,GAAAgG,aAAA,CAAhBK,MAAM;EA8CR,IAAMN,UAAU,GAAG,SAAbA,UAAUA,CAAInE,IAAI,EAAK;IAC3BkE,cAAc,CAAClE,IAAI,CAAC;IACpBwE,cAAc,CAACxE,IAAI,CAAC;EACtB,CAAC;EAED,IAAM0E,WAAW,gBACf1K,MAAA,YAAA8G,aAAA,CAACjD,YAAY;IACX7C,CAAC,EAAEA,CAAE;IACLkD,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,gBAAAwE,cAAA,GAARxE,QAAQ,CAAE8E,IAAI,cAAAN,cAAA,uBAAdA,cAAA,CAAgB1D,OAAQ;IAClCb,KAAK,EAAEA,KAAM;IACboE,QAAQ,EAAEA;EAAS,GAElBxE,QACW,CACf;EAED,IAAM0G,MAAM,GAAG,CAACtG,KAAK,gBACnBrE,MAAA,YAAA8G,aAAA;IAAMC,GAAG,EAAEyD;EAAe,GAAEE,WAAkB,CAAC,gBAE/C1K,MAAA,YAAA8G,aAAA,aAAAmB,SAAA;IAAMlB,GAAG,EAAEoD;EAAW,GAAKL,cAAc,EAAME,aAAa,GACzDU,WACG,CACP;EAED,IAAME,OAAO,gBAAG5K,MAAA,YAAA8G,aAAA,CAAChE,aAAa;IAAC+H,SAAS,EAAE,IAAAC,sBAAU,EAAC3G,MAAM,IAAI,MAAM;EAAE,GAAEwG,MAAsB,CAAC;EAEhG,OAAOC,OAAO;AAChB;AAEAlC,cAAc,CAACN,SAAS,GAAG;EACzB/D,KAAK,EAAEgE,qBAAS,CAACC,MAAM;EACvBG,QAAQ,EAAEJ,qBAAS,CAACG,IAAI;EACxBK,UAAU,EAAER,qBAAS,CAAC0C,MAAM;EAC5B9G,QAAQ,EAAEoE,qBAAS,CAACrC,IAAI;EACxBhF,CAAC,EAAEqH,qBAAS,CAACC,MAAM,CAAC0C,UAAU;EAC9BlC,SAAS,EAAET,qBAAS,CAACC,MAAM,CAAC0C,UAAU;EACtCjC,IAAI,EAAEV,qBAAS,CAAC4C,KAAK,CAAC;IACpBrB,OAAO,EAAEvB,qBAAS,CAAC4C,KAAK,CAAC;MACvBpB,UAAU,EAAExB,qBAAS,CAACG;IACxB,CAAC;EACH,CAAC,CAAC,CAACwC;AACL,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEazC,cAAc","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html",
-  "version": "13.0.3-next.1+83827e0fa",
+  "version": "13.0.3-next.121+8e93df66f",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -12,14 +12,14 @@
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.0.3-next.1+83827e0fa",
-    "@pie-lib/math-input": "^8.1.1-next.1+83827e0fa",
-    "@pie-lib/math-rendering": "^5.0.3-next.1+83827e0fa",
-    "@pie-lib/math-toolbar": "^3.0.3-next.1+83827e0fa",
-    "@pie-lib/render-ui": "^6.1.1-next.1+83827e0fa",
+    "@pie-lib/drag": "^4.0.2",
+    "@pie-lib/math-input": "^8.1.0",
+    "@pie-lib/math-rendering": "^5.0.2",
+    "@pie-lib/math-toolbar": "^3.0.2",
+    "@pie-lib/render-ui": "^6.1.0",
     "change-case": "^3.0.2",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
@@ -51,6 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "83827e0fae08d56a7954b8c2ff7d28adacb4cab9",
+  "gitHead": "8e93df66fd174842bc85d9fba0e203898993ca18",
   "scripts": {}
 }

package/src/plugins/respArea/drag-in-the-blank/__tests__/choice.test.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DragDropChoice from '../choice';
+
+// Mock @dnd-kit hooks to avoid DndContext requirement
+jest.mock('@dnd-kit/core', () => ({
+  useDraggable: jest.fn(() => ({
+    attributes: {},
+    listeners: {},
+    setNodeRef: jest.fn(),
+    isDragging: false,
+  })),
+  useDroppable: jest.fn(() => ({
+    setNodeRef: jest.fn(),
+    isOver: false,
+    active: null,
+  })),
+}));
+
+jest.mock('@pie-lib/math-rendering', () => ({
+  renderMath: jest.fn(),
+}));
+
+// Collect the CSS rules emotion/MUI injected into the document (jsdom uses insertRule).
+const collectEmotionRules = () => {
+  const rules = [];
+  for (const sheet of Array.from(document.styleSheets)) {
+    try {
+      for (const rule of Array.from(sheet.cssRules)) {
+        rules.push(rule.cssText);
+      }
+    } catch (e) {
+      /* inaccessible stylesheet */
+    }
+  }
+  return rules;
+};
+
+describe('drag-in-the-blank choice', () => {
+  const defaultProps = {
+    value: { id: '1', value: '<math>1/2</math>' },
+    disabled: false,
+    instanceId: 'test-instance',
+    n: { key: 'key-0' },
+    nodeProps: {},
+    opts: { options: { duplicates: false } },
+  };
+
+  it('renders without crashing', () => {
+    const { container } = render(<DragDropChoice {...defaultProps} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+
+  describe('fraction math styling', () => {
+    it('enlarges numerator/denominator digits adjacent to a fraction to 120%', () => {
+      render(<DragDropChoice {...defaultProps} />);
+      const rule = collectEmotionRules().find((r) => r.includes('mjx-mn') && r.includes('mjx-mfrac'));
+      expect(rule).toBeDefined();
+      expect(rule).toMatch(/mjx-mn:has\(~\s*mjx-mfrac\)/);
+      expect(rule).toMatch(/mjx-mfrac\s*~\s*mjx-mn/);
+      expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
+    });
+
+    it('keeps the existing mjx-frac 120% rule', () => {
+      render(<DragDropChoice {...defaultProps} />);
+      const rule = collectEmotionRules().find((r) => /(^|[^-])mjx-frac/.test(r) && !r.includes('mjx-mfrac'));
+      expect(rule).toBeDefined();
+      expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
+    });
+  });
+});

package/src/plugins/respArea/drag-in-the-blank/choice.jsx

@@ -14,6 +14,9 @@ const StyledContent = styled('span')(({ theme }) => ({
   '& mjx-frac': {
     fontSize: '120% !important',
   },
+  '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {
+    fontSize: '120% !important',
+  },
   '&.chip': {
     minWidth: '90px',
   },