@pie-element/match-list 7.2.0 → 7.2.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-list@7.2.0...@pie-element/match-list@7.2.1) (2026-08-26)
+
+### Bug Fixes
+
+- **match-list:** match dragged item to droppable by containment, not reconstructed center PIE-920 PIE-921 ([f77c20c](https://github.com/pie-framework/pie-elements/commit/f77c20cedae8628fdd9675c2bec29373d7939a3c))
+
 # [7.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-list@7.1.9...@pie-element/match-list@7.2.0) (2026-08-21)
 
 ### Bug Fixes

package/lib/answer.js

@@ -219,7 +219,18 @@ function DragAndDropAnswer(props) {
   } = (0, _core.useDraggable)({
     id: dragId,
     data: activeData,
-    disabled: !draggable || disabled
+    disabled: !draggable || disabled,
+    // dnd-kit's own `attributes` default tabIndex to 0 unconditionally, even when
+    // `disabled` — so a non-draggable (empty) tile stays a native Tab stop of its own.
+    // For a drop-zone (dropId set), that duplicates the outer wrapper's own tab stop
+    // (see isNativeTabStop below) at the exact same position, so Tab/Shift+Tab has to
+    // pass through both to move anywhere visibly, making every other press look like a
+    // no-op. Drop it out of the tab order here whenever it isn't independently
+    // reachable/interactive, leaving the outer wrapper (for an empty drop-zone) or
+    // nothing (for a disabled choice) as the sole stop.
+    attributes: {
+      tabIndex: draggable && !disabled ? 0 : -1
+    }
   });
   const droppable = (0, _core.useDroppable)({
     id: dropId,

package/lib/answer.js.map

@@ -1 +1 @@
-{"version":3,"file":"answer.js","names":["_core","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_debug","_styles","_drag","_lodashEs","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","log","debug","HolderNumber","styled","theme","width","fontSize","textAlign","color","palette","common","black","Holder","index","isOver","disabled","type","createElement","PlaceHolder","extraStyles","display","padding","alignItems","justifyContent","height","undefined","propTypes","PropTypes","number","bool","string","AnswerContentContainer","isDragging","isSelected","outcome","text","backgroundColor","white","border","correct","incorrect","cursor","boxSizing","overflow","transition","wordBreak","opacity","touchAction","AnswerContent","props","title","empty","guideIndex","dangerouslySetInnerHTML","__html","AnswerContainer","minHeight","minWidth","margin","spacing","Answer","React","Component","constructor","args","_defineProperty2","componentDidMount","ref","addEventListener","handleTouchStart","passive","componentWillUnmount","removeEventListener","render","id","className","isEmpty","exports","any","DragAndDropAnswer","instanceId","promptId","draggable","selectedAnswer","onSelectClick","onPlacementClick","dragId","dropId","activeData","value","dropZoneData","attributes","listeners","setNodeRef","setDragRef","transform","useDraggable","data","droppable","useDroppable","setDropRef","isHovered","setIsHovered","useState","hasSelection","showsHoverEffect","transformStyle","x","y","handleResponseAreaClick","isNativeTabStop","handleResponseAreaKeyDown","code","preventDefault","role","tabIndex","onClick","onKeyDown","onMouseEnter","onMouseLeave","style","flex","_extends2","handleChoiceClick","stopPropagation","object","func","_default"],"sources":["../src/answer.jsx"],"sourcesContent":["import { useDraggable, useDroppable } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport { isEmpty } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('pie-elements:match-title:answer');\n\nconst HolderNumber = styled('div')(({ theme }) => ({\n  width: '100%',\n  fontSize: '18px',\n  textAlign: 'center',\n  color: `rgba(${theme.palette.common.black}, 0.6)`,\n}));\n\nconst Holder = ({ index, isOver, disabled, type }) => (\n  <PlaceHolder\n    extraStyles={{\n      display: 'flex',\n      padding: '0',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: '40px',\n    }}\n    disabled={disabled}\n    isOver={isOver}\n    type={type}\n  >\n    {index !== undefined && <HolderNumber>{index}</HolderNumber>}\n  </PlaceHolder>\n);\n\nHolder.propTypes = {\n  index: PropTypes.number,\n  isOver: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\n\nconst AnswerContentContainer = styled('div')(({ isDragging, isSelected, isOver, disabled, outcome }) => ({\n  color: color.text(),\n  backgroundColor: color.white(),\n  border: `1px solid ${\n    outcome === 'correct' ? color.correct() : outcome === 'incorrect' ? color.incorrect() : color.border()\n  }`,\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  width: '100%',\n  padding: '10px',\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  transition: 'opacity 200ms linear',\n  wordBreak: 'break-word',\n  opacity: (isDragging || isSelected) && !disabled ? 0.5 : isOver && !disabled ? 0.2 : 1,\n  touchAction: 'none',\n}));\n\nconst AnswerContent = (props) => {\n  const { isDragging, isSelected, isOver, title, disabled, empty, outcome, guideIndex, type } = props;\n\n  if (empty) {\n    return <Holder index={guideIndex} isOver={isOver} disabled={disabled} type={type} />;\n  } else {\n    return (\n      <AnswerContentContainer\n        isDragging={isDragging}\n        isSelected={isSelected}\n        isOver={isOver}\n        disabled={disabled}\n        outcome={outcome}\n        dangerouslySetInnerHTML={{ __html: title }}\n      />\n    );\n  }\n};\n\nconst AnswerContainer = styled('div')(({ correct, theme }) => ({\n  boxSizing: 'border-box',\n  minHeight: 40,\n  minWidth: '200px',\n  overflow: 'hidden',\n  margin: theme.spacing(0.5),\n  padding: '0px',\n  textAlign: 'center',\n  height: 'initial',\n  border:\n    correct === true\n      ? `1px solid var(--feedback-correct-bg-color, ${color.correct()})`\n      : correct === false\n        ? `1px solid var(--feedback-incorrect-bg-color, ${color.incorrect()})`\n        : 'none',\n}));\n\nexport class Answer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    isDragging: PropTypes.bool,\n    isSelected: PropTypes.bool,\n    id: PropTypes.any,\n    title: PropTypes.string,\n    isOver: PropTypes.bool,\n    empty: PropTypes.bool,\n    type: PropTypes.string,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n  };\n\n  componentDidMount() {\n    if (this.ref) {\n      // NOTE: preventing default on touchstart can block dnd-kit pointer handling on some devices.\n      // Consider removing this if you have issues on touch devices.\n      this.ref.addEventListener('touchstart', this.handleTouchStart, { passive: true });\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.ref) {\n      this.ref.removeEventListener('touchstart', this.handleTouchStart);\n    }\n  }\n\n  handleTouchStart = (e) => {\n    // do NOT call e.preventDefault() here — it prevents pointer events necessary for dnd-kit.\n    // Keep this handler empty or remove it if you don't need it.\n    // e.preventDefault();\n  };\n\n  render() {\n    const {\n      id,\n      title,\n      isDragging = false,\n      isSelected = false,\n      className,\n      disabled,\n      isOver = false,\n      type,\n      correct,\n    } = this.props;\n\n    log('[render], props: ', this.props);\n\n    return (\n      <AnswerContainer correct={correct} className={className} ref={(ref) => (this.ref = ref)}>\n        <AnswerContent\n          title={title}\n          id={id}\n          isOver={isOver}\n          empty={isEmpty(title)}\n          isDragging={isDragging}\n          isSelected={isSelected}\n          disabled={disabled}\n          type={type}\n        />\n      </AnswerContainer>\n    );\n  }\n}\n\nfunction DragAndDropAnswer(props) {\n  const {\n    id,\n    instanceId,\n    promptId,\n    draggable = true,\n    disabled = false,\n    type,\n    selectedAnswer,\n    onSelectClick,\n    onPlacementClick,\n  } = props;\n\n  const dragId = `${type || 'answer'}-${id}`;\n  // droppable only if promptId exists\n  const dropId = promptId !== undefined && promptId !== null ? `drop-${promptId}` : undefined;\n\n  // Built once and reused for both dnd-kit's own data and the click handlers below, so\n  // a click carries exactly the same shape dnd-kit's onDragStart/onDragEnd would.\n  const activeData = {\n    type: type || 'answer',\n    id,\n    instanceId,\n    value: props.title,\n    promptId,\n  };\n  const dropZoneData = dropId\n    ? {\n        type: 'drop-zone',\n        promptId,\n        instanceId,\n      }\n    : undefined;\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragRef,\n    transform,\n    transition,\n    isDragging,\n  } = useDraggable({\n    id: dragId,\n    data: activeData,\n    disabled: !draggable || disabled,\n  });\n\n  const droppable = useDroppable({\n    id: dropId,\n    data: dropZoneData,\n    disabled: disabled || !dropId,\n  });\n\n  const setDropRef = droppable.setNodeRef;\n  const isOver = droppable.isOver;\n\n  // dnd-kit's own isOver only reflects real collision detection during an active drag,\n  // so it stays false while an answer is merely click-selected (no drag in progress).\n  // Track hovering locally and fold it into the same isOver signal used everywhere\n  // below, so hovering a response area while something is selected gets the exact same\n  // treatment as hovering it during a real drag — one code path, no duplicated CSS.\n  const [isHovered, setIsHovered] = useState(false);\n  const hasSelection = !!selectedAnswer;\n  const showsHoverEffect = isOver || (hasSelection && isHovered && !disabled);\n\n  const isSelected =\n    !!selectedAnswer &&\n    selectedAnswer.type === activeData.type &&\n    selectedAnswer.id === activeData.id &&\n    selectedAnswer.promptId === activeData.promptId;\n\n  // compute style: apply transform to the element that actually moves\n  const transformStyle = transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined;\n\n  // If this item is a drop-zone (prompt slot), we render an outer droppable wrapper.\n  // The outer wrapper's rect is what dnd-kit measures for this slot's own droppable\n  // (\"drop-{promptId}\"), so it must stay untransformed — applying the drag transform\n  // there would make the slot's own droppable rect chase the dragged item during the\n  // drag, corrupting collision/keyboard-navigation results. The transform belongs on\n  // the inner draggable node instead.\n  if (dropId) {\n    const handleResponseAreaClick = () => {\n      if (disabled) return;\n\n      if (isSelected) {\n        // Clicking the already-selected placed answer again deselects it, same as\n        // for a choice in the pool.\n        onSelectClick?.(activeData);\n      } else if (selectedAnswer) {\n        // Something else is selected — place it here, same whether this area is\n        // currently empty or already occupied.\n        onPlacementClick?.(dropZoneData);\n      } else if (draggable) {\n        // Nothing selected yet, and this response area holds an answer — clicking it\n        // selects that answer for moving elsewhere, the same way Tab+Space/Enter does.\n        onSelectClick?.(activeData);\n      }\n\n      // Empty response area clicked with nothing selected: nothing to place or select.\n    };\n\n    // An empty response area isn't draggable, so dnd-kit's own attributes (only\n    // applied to the inner node, and only when draggable) never make it tabbable —\n    // this outer wrapper needs its own focus/activation handling so \"select a choice,\n    // then Tab to a response area and press Space/Enter\" works even when the area is\n    // empty. This is independent of, and doesn't change, the existing in-drag\n    // Tab-cycling (that's driven by an active dnd-kit drag, not native focus).\n    //\n    // Only made a native Tab stop when NOT draggable (i.e. empty): when the target is\n    // filled, the inner node is already independently tabbable via dnd-kit's own\n    // attributes for the existing pick-up-to-move gesture, and adding a second,\n    // outer Tab stop for the same visual tile would add an extra stop to the existing\n    // Tab order. Placing into an occupied area is still fully reachable by mouse click\n    // here, or by the existing keyboard drag flow (Tab+Space/Enter on the choice,\n    // Tab-cycle to the occupied target, Space/Enter to swap).\n    const isNativeTabStop = !draggable && !disabled;\n\n    const handleResponseAreaKeyDown = (e) => {\n      if (e.code === 'Space' || e.code === 'Enter') {\n        e.preventDefault();\n        handleResponseAreaClick();\n      }\n    };\n\n    return (\n      <div\n        ref={setDropRef}\n        role=\"button\"\n        tabIndex={isNativeTabStop ? 0 : -1}\n        onClick={handleResponseAreaClick}\n        onKeyDown={isNativeTabStop ? handleResponseAreaKeyDown : undefined}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        style={{\n          flex: 1,\n          opacity: isDragging || isSelected ? 0.5 : 1,\n          backgroundColor: isDragging || isSelected || showsHoverEffect ? 'rgba(0,0,0,0.05)' : 'transparent',\n          cursor: hasSelection && !disabled ? 'pointer' : undefined,\n        }}\n      >\n        <div ref={setDragRef} {...listeners} {...attributes} style={{ transform: transformStyle, transition }}>\n          <Answer {...props} isDragging={isDragging} isSelected={isSelected} isOver={showsHoverEffect} />\n        </div>\n      </div>\n    );\n  }\n\n  const handleChoiceClick = (e) => {\n    if (disabled) {\n      return;\n    }\n\n    e.stopPropagation();\n    onSelectClick?.(activeData);\n  };\n\n  // if there is NO dropId (this is a choice / draggable-only), render only draggable node and apply transform to it.\n  return (\n    <div\n      ref={setDragRef}\n      {...listeners}\n      {...attributes}\n      onClick={handleChoiceClick}\n      style={{\n        transform: transformStyle,\n        transition,\n        cursor: disabled ? 'not-allowed' : 'grab',\n        opacity: isDragging || isSelected ? 0.5 : 1,\n        touchAction: draggable && !disabled ? 'none' : 'auto',\n      }}\n    >\n      <Answer {...props} isDragging={isDragging} isSelected={isSelected} isOver={false} />\n    </div>\n  );\n}\n\nDragAndDropAnswer.propTypes = {\n  id: PropTypes.any,\n  instanceId: PropTypes.string,\n  promptId: PropTypes.any,\n  title: PropTypes.string,\n  draggable: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n  selectedAnswer: PropTypes.object,\n  onSelectClick: PropTypes.func,\n  onPlacementClick: PropTypes.func,\n};\n\nexport default DragAndDropAnswer;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AAA2C,SAAAI,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,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,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE3C,MAAMkB,GAAG,GAAG,IAAAC,cAAK,EAAC,iCAAiC,CAAC;AAEpD,MAAMC,YAAY,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACjDC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,MAAM;EAChBC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE,QAAQJ,KAAK,CAACK,OAAO,CAACC,MAAM,CAACC,KAAK;AAC3C,CAAC,CAAC,CAAC;AAEH,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,QAAQ;EAAEC;AAAK,CAAC,kBAC/C1C,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAACvC,KAAA,CAAAwC,WAAW;EACVC,WAAW,EAAE;IACXC,OAAO,EAAE,MAAM;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE;EACV,CAAE;EACFT,QAAQ,EAAEA,QAAS;EACnBD,MAAM,EAAEA,MAAO;EACfE,IAAI,EAAEA;AAAK,GAEVH,KAAK,KAAKY,SAAS,iBAAInD,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAACf,YAAY,QAAEW,KAAoB,CAChD,CACd;AAEDD,MAAM,CAACc,SAAS,GAAG;EACjBb,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBd,MAAM,EAAEa,kBAAS,CAACE,IAAI;EACtBd,QAAQ,EAAEY,kBAAS,CAACE,IAAI;EACxBb,IAAI,EAAEW,kBAAS,CAACG;AAClB,CAAC;AAED,MAAMC,sBAAsB,GAAG,IAAA5B,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAE6B,UAAU;EAAEC,UAAU;EAAEnB,MAAM;EAAEC,QAAQ;EAAEmB;AAAQ,CAAC,MAAM;EACvG1B,KAAK,EAAEA,eAAK,CAAC2B,IAAI,CAAC,CAAC;EACnBC,eAAe,EAAE5B,eAAK,CAAC6B,KAAK,CAAC,CAAC;EAC9BC,MAAM,EAAE,aACNJ,OAAO,KAAK,SAAS,GAAG1B,eAAK,CAAC+B,OAAO,CAAC,CAAC,GAAGL,OAAO,KAAK,WAAW,GAAG1B,eAAK,CAACgC,SAAS,CAAC,CAAC,GAAGhC,eAAK,CAAC8B,MAAM,CAAC,CAAC,EACtG;EACFG,MAAM,EAAE1B,QAAQ,GAAG,aAAa,GAAG,SAAS;EAC5CV,KAAK,EAAE,MAAM;EACbgB,OAAO,EAAE,MAAM;EACfqB,SAAS,EAAE,YAAY;EACvBC,QAAQ,EAAE,QAAQ;EAClBC,UAAU,EAAE,sBAAsB;EAClCC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,CAACd,UAAU,IAAIC,UAAU,KAAK,CAAClB,QAAQ,GAAG,GAAG,GAAGD,MAAM,IAAI,CAACC,QAAQ,GAAG,GAAG,GAAG,CAAC;EACtFgC,WAAW,EAAE;AACf,CAAC,CAAC,CAAC;AAEH,MAAMC,aAAa,GAAIC,KAAK,IAAK;EAC/B,MAAM;IAAEjB,UAAU;IAAEC,UAAU;IAAEnB,MAAM;IAAEoC,KAAK;IAAEnC,QAAQ;IAAEoC,KAAK;IAAEjB,OAAO;IAAEkB,UAAU;IAAEpC;EAAK,CAAC,GAAGiC,KAAK;EAEnG,IAAIE,KAAK,EAAE;IACT,oBAAO7E,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAACL,MAAM;MAACC,KAAK,EAAEuC,UAAW;MAACtC,MAAM,EAAEA,MAAO;MAACC,QAAQ,EAAEA,QAAS;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EACtF,CAAC,MAAM;IACL,oBACE1C,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAACc,sBAAsB;MACrBC,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBnB,MAAM,EAAEA,MAAO;MACfC,QAAQ,EAAEA,QAAS;MACnBmB,OAAO,EAAEA,OAAQ;MACjBmB,uBAAuB,EAAE;QAAEC,MAAM,EAAEJ;MAAM;IAAE,CAC5C,CAAC;EAEN;AACF,CAAC;AAED,MAAMK,eAAe,GAAG,IAAApD,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEoC,OAAO;EAAEnC;AAAM,CAAC,MAAM;EAC7DsC,SAAS,EAAE,YAAY;EACvBc,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,OAAO;EACjBd,QAAQ,EAAE,QAAQ;EAClBe,MAAM,EAAEtD,KAAK,CAACuD,OAAO,CAAC,GAAG,CAAC;EAC1BtC,OAAO,EAAE,KAAK;EACdd,SAAS,EAAE,QAAQ;EACnBiB,MAAM,EAAE,SAAS;EACjBc,MAAM,EACJC,OAAO,KAAK,IAAI,GACZ,8CAA8C/B,eAAK,CAAC+B,OAAO,CAAC,CAAC,GAAG,GAChEA,OAAO,KAAK,KAAK,GACf,gDAAgD/B,eAAK,CAACgC,SAAS,CAAC,CAAC,GAAG,GACpE;AACV,CAAC,CAAC,CAAC;AAEI,MAAMoB,MAAM,SAASC,cAAK,CAACC,SAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAA1E,OAAA,4BA4BtBV,CAAC,IAAK;MACxB;MACA;MACA;IAAA,CACD;EAAA;EAlBDqF,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACC,GAAG,EAAE;MACZ;MACA;MACA,IAAI,CAACA,GAAG,CAACC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAACC,gBAAgB,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;IACnF;EACF;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACJ,GAAG,EAAE;MACZ,IAAI,CAACA,GAAG,CAACK,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAACH,gBAAgB,CAAC;IACnE;EACF;EAQAI,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,EAAE;MACFxB,KAAK;MACLlB,UAAU,GAAG,KAAK;MAClBC,UAAU,GAAG,KAAK;MAClB0C,SAAS;MACT5D,QAAQ;MACRD,MAAM,GAAG,KAAK;MACdE,IAAI;MACJuB;IACF,CAAC,GAAG,IAAI,CAACU,KAAK;IAEdjD,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAACiD,KAAK,CAAC;IAEpC,oBACE3E,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAACsC,eAAe;MAAChB,OAAO,EAAEA,OAAQ;MAACoC,SAAS,EAAEA,SAAU;MAACR,GAAG,EAAGA,GAAG,IAAM,IAAI,CAACA,GAAG,GAAGA;IAAK,gBACtF7F,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAAC+B,aAAa;MACZE,KAAK,EAAEA,KAAM;MACbwB,EAAE,EAAEA,EAAG;MACP5D,MAAM,EAAEA,MAAO;MACfqC,KAAK,EAAE,IAAAyB,iBAAO,EAAC1B,KAAK,CAAE;MACtBlB,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBlB,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA;IAAK,CACZ,CACc,CAAC;EAEtB;AACF;AAAC6D,OAAA,CAAAjB,MAAA,GAAAA,MAAA;AAAA,IAAAK,gBAAA,CAAA1E,OAAA,EAhEYqE,MAAM,eACE;EACjBe,SAAS,EAAEhD,kBAAS,CAACG,MAAM;EAC3BE,UAAU,EAAEL,kBAAS,CAACE,IAAI;EAC1BI,UAAU,EAAEN,kBAAS,CAACE,IAAI;EAC1B6C,EAAE,EAAE/C,kBAAS,CAACmD,GAAG;EACjB5B,KAAK,EAAEvB,kBAAS,CAACG,MAAM;EACvBhB,MAAM,EAAEa,kBAAS,CAACE,IAAI;EACtBsB,KAAK,EAAExB,kBAAS,CAACE,IAAI;EACrBb,IAAI,EAAEW,kBAAS,CAACG,MAAM;EACtBf,QAAQ,EAAEY,kBAAS,CAACE,IAAI;EACxBU,OAAO,EAAEZ,kBAAS,CAACE;AACrB,CAAC;AAsDH,SAASkD,iBAAiBA,CAAC9B,KAAK,EAAE;EAChC,MAAM;IACJyB,EAAE;IACFM,UAAU;IACVC,QAAQ;IACRC,SAAS,GAAG,IAAI;IAChBnE,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJmE,cAAc;IACdC,aAAa;IACbC;EACF,CAAC,GAAGpC,KAAK;EAET,MAAMqC,MAAM,GAAG,GAAGtE,IAAI,IAAI,QAAQ,IAAI0D,EAAE,EAAE;EAC1C;EACA,MAAMa,MAAM,GAAGN,QAAQ,KAAKxD,SAAS,IAAIwD,QAAQ,KAAK,IAAI,GAAG,QAAQA,QAAQ,EAAE,GAAGxD,SAAS;;EAE3F;EACA;EACA,MAAM+D,UAAU,GAAG;IACjBxE,IAAI,EAAEA,IAAI,IAAI,QAAQ;IACtB0D,EAAE;IACFM,UAAU;IACVS,KAAK,EAAExC,KAAK,CAACC,KAAK;IAClB+B;EACF,CAAC;EACD,MAAMS,YAAY,GAAGH,MAAM,GACvB;IACEvE,IAAI,EAAE,WAAW;IACjBiE,QAAQ;IACRD;EACF,CAAC,GACDvD,SAAS;EAEb,MAAM;IACJkE,UAAU;IACVC,SAAS;IACTC,UAAU,EAAEC,UAAU;IACtBC,SAAS;IACTnD,UAAU;IACVZ;EACF,CAAC,GAAG,IAAAgE,kBAAY,EAAC;IACftB,EAAE,EAAEY,MAAM;IACVW,IAAI,EAAET,UAAU;IAChBzE,QAAQ,EAAE,CAACmE,SAAS,IAAInE;EAC1B,CAAC,CAAC;EAEF,MAAMmF,SAAS,GAAG,IAAAC,kBAAY,EAAC;IAC7BzB,EAAE,EAAEa,MAAM;IACVU,IAAI,EAAEP,YAAY;IAClB3E,QAAQ,EAAEA,QAAQ,IAAI,CAACwE;EACzB,CAAC,CAAC;EAEF,MAAMa,UAAU,GAAGF,SAAS,CAACL,UAAU;EACvC,MAAM/E,MAAM,GAAGoF,SAAS,CAACpF,MAAM;;EAE/B;EACA;EACA;EACA;EACA;EACA,MAAM,CAACuF,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMC,YAAY,GAAG,CAAC,CAACrB,cAAc;EACrC,MAAMsB,gBAAgB,GAAG3F,MAAM,IAAK0F,YAAY,IAAIH,SAAS,IAAI,CAACtF,QAAS;EAE3E,MAAMkB,UAAU,GACd,CAAC,CAACkD,cAAc,IAChBA,cAAc,CAACnE,IAAI,KAAKwE,UAAU,CAACxE,IAAI,IACvCmE,cAAc,CAACT,EAAE,KAAKc,UAAU,CAACd,EAAE,IACnCS,cAAc,CAACF,QAAQ,KAAKO,UAAU,CAACP,QAAQ;;EAEjD;EACA,MAAMyB,cAAc,GAAGX,SAAS,GAAG,eAAeA,SAAS,CAACY,CAAC,OAAOZ,SAAS,CAACa,CAAC,QAAQ,GAAGnF,SAAS;;EAEnG;EACA;EACA;EACA;EACA;EACA;EACA,IAAI8D,MAAM,EAAE;IACV,MAAMsB,uBAAuB,GAAGA,CAAA,KAAM;MACpC,IAAI9F,QAAQ,EAAE;MAEd,IAAIkB,UAAU,EAAE;QACd;QACA;QACAmD,aAAa,GAAGI,UAAU,CAAC;MAC7B,CAAC,MAAM,IAAIL,cAAc,EAAE;QACzB;QACA;QACAE,gBAAgB,GAAGK,YAAY,CAAC;MAClC,CAAC,MAAM,IAAIR,SAAS,EAAE;QACpB;QACA;QACAE,aAAa,GAAGI,UAAU,CAAC;MAC7B;;MAEA;IACF,CAAC;;IAED;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMsB,eAAe,GAAG,CAAC5B,SAAS,IAAI,CAACnE,QAAQ;IAE/C,MAAMgG,yBAAyB,GAAIlI,CAAC,IAAK;MACvC,IAAIA,CAAC,CAACmI,IAAI,KAAK,OAAO,IAAInI,CAAC,CAACmI,IAAI,KAAK,OAAO,EAAE;QAC5CnI,CAAC,CAACoI,cAAc,CAAC,CAAC;QAClBJ,uBAAuB,CAAC,CAAC;MAC3B;IACF,CAAC;IAED,oBACEvI,MAAA,CAAAiB,OAAA,CAAA0B,aAAA;MACEkD,GAAG,EAAEiC,UAAW;MAChBc,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAEL,eAAe,GAAG,CAAC,GAAG,CAAC,CAAE;MACnCM,OAAO,EAAEP,uBAAwB;MACjCQ,SAAS,EAAEP,eAAe,GAAGC,yBAAyB,GAAGtF,SAAU;MACnE6F,YAAY,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;MACvCiB,YAAY,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;MACxCkB,KAAK,EAAE;QACLC,IAAI,EAAE,CAAC;QACP3E,OAAO,EAAEd,UAAU,IAAIC,UAAU,GAAG,GAAG,GAAG,CAAC;QAC3CG,eAAe,EAAEJ,UAAU,IAAIC,UAAU,IAAIwE,gBAAgB,GAAG,kBAAkB,GAAG,aAAa;QAClGhE,MAAM,EAAE+D,YAAY,IAAI,CAACzF,QAAQ,GAAG,SAAS,GAAGU;MAClD;IAAE,gBAEFnD,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,YAAAyG,SAAA,CAAAnI,OAAA;MAAK4E,GAAG,EAAE2B;IAAW,GAAKF,SAAS,EAAMD,UAAU;MAAE6B,KAAK,EAAE;QAAEzB,SAAS,EAAEW,cAAc;QAAE9D;MAAW;IAAE,iBACpGtE,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAAC2C,MAAM,MAAA8D,SAAA,CAAAnI,OAAA,MAAK0D,KAAK;MAAEjB,UAAU,EAAEA,UAAW;MAACC,UAAU,EAAEA,UAAW;MAACnB,MAAM,EAAE2F;IAAiB,EAAE,CAC3F,CACF,CAAC;EAEV;EAEA,MAAMkB,iBAAiB,GAAI9I,CAAC,IAAK;IAC/B,IAAIkC,QAAQ,EAAE;MACZ;IACF;IAEAlC,CAAC,CAAC+I,eAAe,CAAC,CAAC;IACnBxC,aAAa,GAAGI,UAAU,CAAC;EAC7B,CAAC;;EAED;EACA,oBACElH,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,YAAAyG,SAAA,CAAAnI,OAAA;IACE4E,GAAG,EAAE2B;EAAW,GACZF,SAAS,EACTD,UAAU;IACdyB,OAAO,EAAEO,iBAAkB;IAC3BH,KAAK,EAAE;MACLzB,SAAS,EAAEW,cAAc;MACzB9D,UAAU;MACVH,MAAM,EAAE1B,QAAQ,GAAG,aAAa,GAAG,MAAM;MACzC+B,OAAO,EAAEd,UAAU,IAAIC,UAAU,GAAG,GAAG,GAAG,CAAC;MAC3Cc,WAAW,EAAEmC,SAAS,IAAI,CAACnE,QAAQ,GAAG,MAAM,GAAG;IACjD;EAAE,iBAEFzC,MAAA,CAAAiB,OAAA,CAAA0B,aAAA,CAAC2C,MAAM,MAAA8D,SAAA,CAAAnI,OAAA,MAAK0D,KAAK;IAAEjB,UAAU,EAAEA,UAAW;IAACC,UAAU,EAAEA,UAAW;IAACnB,MAAM,EAAE;EAAM,EAAE,CAChF,CAAC;AAEV;AAEAiE,iBAAiB,CAACrD,SAAS,GAAG;EAC5BgD,EAAE,EAAE/C,kBAAS,CAACmD,GAAG;EACjBE,UAAU,EAAErD,kBAAS,CAACG,MAAM;EAC5BmD,QAAQ,EAAEtD,kBAAS,CAACmD,GAAG;EACvB5B,KAAK,EAAEvB,kBAAS,CAACG,MAAM;EACvBoD,SAAS,EAAEvD,kBAAS,CAACE,IAAI;EACzBd,QAAQ,EAAEY,kBAAS,CAACE,IAAI;EACxBb,IAAI,EAAEW,kBAAS,CAACG,MAAM;EACtBqD,cAAc,EAAExD,kBAAS,CAACkG,MAAM;EAChCzC,aAAa,EAAEzD,kBAAS,CAACmG,IAAI;EAC7BzC,gBAAgB,EAAE1D,kBAAS,CAACmG;AAC9B,CAAC;AAAC,IAAAC,QAAA,GAAAlD,OAAA,CAAAtF,OAAA,GAEawF,iBAAiB","ignoreList":[]}
+{"version":3,"file":"answer.js","names":["_core","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_debug","_styles","_drag","_lodashEs","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","log","debug","HolderNumber","styled","theme","width","fontSize","textAlign","color","palette","common","black","Holder","index","isOver","disabled","type","createElement","PlaceHolder","extraStyles","display","padding","alignItems","justifyContent","height","undefined","propTypes","PropTypes","number","bool","string","AnswerContentContainer","isDragging","isSelected","outcome","text","backgroundColor","white","border","correct","incorrect","cursor","boxSizing","overflow","transition","wordBreak","opacity","touchAction","AnswerContent","props","title","empty","guideIndex","dangerouslySetInnerHTML","__html","AnswerContainer","minHeight","minWidth","margin","spacing","Answer","React","Component","constructor","args","_defineProperty2","componentDidMount","ref","addEventListener","handleTouchStart","passive","componentWillUnmount","removeEventListener","render","id","className","isEmpty","exports","any","DragAndDropAnswer","instanceId","promptId","draggable","selectedAnswer","onSelectClick","onPlacementClick","dragId","dropId","activeData","value","dropZoneData","attributes","listeners","setNodeRef","setDragRef","transform","useDraggable","data","tabIndex","droppable","useDroppable","setDropRef","isHovered","setIsHovered","useState","hasSelection","showsHoverEffect","transformStyle","x","y","handleResponseAreaClick","isNativeTabStop","handleResponseAreaKeyDown","code","preventDefault","role","onClick","onKeyDown","onMouseEnter","onMouseLeave","style","flex","_extends2","handleChoiceClick","stopPropagation","object","func","_default"],"sources":["../src/answer.jsx"],"sourcesContent":["import { useDraggable, useDroppable } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport { isEmpty } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('pie-elements:match-title:answer');\n\nconst HolderNumber = styled('div')(({ theme }) => ({\n  width: '100%',\n  fontSize: '18px',\n  textAlign: 'center',\n  color: `rgba(${theme.palette.common.black}, 0.6)`,\n}));\n\nconst Holder = ({ index, isOver, disabled, type }) => (\n  <PlaceHolder\n    extraStyles={{\n      display: 'flex',\n      padding: '0',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: '40px',\n    }}\n    disabled={disabled}\n    isOver={isOver}\n    type={type}\n  >\n    {index !== undefined && <HolderNumber>{index}</HolderNumber>}\n  </PlaceHolder>\n);\n\nHolder.propTypes = {\n  index: PropTypes.number,\n  isOver: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\n\nconst AnswerContentContainer = styled('div')(({ isDragging, isSelected, isOver, disabled, outcome }) => ({\n  color: color.text(),\n  backgroundColor: color.white(),\n  border: `1px solid ${\n    outcome === 'correct' ? color.correct() : outcome === 'incorrect' ? color.incorrect() : color.border()\n  }`,\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  width: '100%',\n  padding: '10px',\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  transition: 'opacity 200ms linear',\n  wordBreak: 'break-word',\n  opacity: (isDragging || isSelected) && !disabled ? 0.5 : isOver && !disabled ? 0.2 : 1,\n  touchAction: 'none',\n}));\n\nconst AnswerContent = (props) => {\n  const { isDragging, isSelected, isOver, title, disabled, empty, outcome, guideIndex, type } = props;\n\n  if (empty) {\n    return <Holder index={guideIndex} isOver={isOver} disabled={disabled} type={type} />;\n  } else {\n    return (\n      <AnswerContentContainer\n        isDragging={isDragging}\n        isSelected={isSelected}\n        isOver={isOver}\n        disabled={disabled}\n        outcome={outcome}\n        dangerouslySetInnerHTML={{ __html: title }}\n      />\n    );\n  }\n};\n\nconst AnswerContainer = styled('div')(({ correct, theme }) => ({\n  boxSizing: 'border-box',\n  minHeight: 40,\n  minWidth: '200px',\n  overflow: 'hidden',\n  margin: theme.spacing(0.5),\n  padding: '0px',\n  textAlign: 'center',\n  height: 'initial',\n  border:\n    correct === true\n      ? `1px solid var(--feedback-correct-bg-color, ${color.correct()})`\n      : correct === false\n        ? `1px solid var(--feedback-incorrect-bg-color, ${color.incorrect()})`\n        : 'none',\n}));\n\nexport class Answer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    isDragging: PropTypes.bool,\n    isSelected: PropTypes.bool,\n    id: PropTypes.any,\n    title: PropTypes.string,\n    isOver: PropTypes.bool,\n    empty: PropTypes.bool,\n    type: PropTypes.string,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n  };\n\n  componentDidMount() {\n    if (this.ref) {\n      // NOTE: preventing default on touchstart can block dnd-kit pointer handling on some devices.\n      // Consider removing this if you have issues on touch devices.\n      this.ref.addEventListener('touchstart', this.handleTouchStart, { passive: true });\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.ref) {\n      this.ref.removeEventListener('touchstart', this.handleTouchStart);\n    }\n  }\n\n  handleTouchStart = (e) => {\n    // do NOT call e.preventDefault() here — it prevents pointer events necessary for dnd-kit.\n    // Keep this handler empty or remove it if you don't need it.\n    // e.preventDefault();\n  };\n\n  render() {\n    const {\n      id,\n      title,\n      isDragging = false,\n      isSelected = false,\n      className,\n      disabled,\n      isOver = false,\n      type,\n      correct,\n    } = this.props;\n\n    log('[render], props: ', this.props);\n\n    return (\n      <AnswerContainer correct={correct} className={className} ref={(ref) => (this.ref = ref)}>\n        <AnswerContent\n          title={title}\n          id={id}\n          isOver={isOver}\n          empty={isEmpty(title)}\n          isDragging={isDragging}\n          isSelected={isSelected}\n          disabled={disabled}\n          type={type}\n        />\n      </AnswerContainer>\n    );\n  }\n}\n\nfunction DragAndDropAnswer(props) {\n  const {\n    id,\n    instanceId,\n    promptId,\n    draggable = true,\n    disabled = false,\n    type,\n    selectedAnswer,\n    onSelectClick,\n    onPlacementClick,\n  } = props;\n\n  const dragId = `${type || 'answer'}-${id}`;\n  // droppable only if promptId exists\n  const dropId = promptId !== undefined && promptId !== null ? `drop-${promptId}` : undefined;\n\n  // Built once and reused for both dnd-kit's own data and the click handlers below, so\n  // a click carries exactly the same shape dnd-kit's onDragStart/onDragEnd would.\n  const activeData = {\n    type: type || 'answer',\n    id,\n    instanceId,\n    value: props.title,\n    promptId,\n  };\n  const dropZoneData = dropId\n    ? {\n        type: 'drop-zone',\n        promptId,\n        instanceId,\n      }\n    : undefined;\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragRef,\n    transform,\n    transition,\n    isDragging,\n  } = useDraggable({\n    id: dragId,\n    data: activeData,\n    disabled: !draggable || disabled,\n    // dnd-kit's own `attributes` default tabIndex to 0 unconditionally, even when\n    // `disabled` — so a non-draggable (empty) tile stays a native Tab stop of its own.\n    // For a drop-zone (dropId set), that duplicates the outer wrapper's own tab stop\n    // (see isNativeTabStop below) at the exact same position, so Tab/Shift+Tab has to\n    // pass through both to move anywhere visibly, making every other press look like a\n    // no-op. Drop it out of the tab order here whenever it isn't independently\n    // reachable/interactive, leaving the outer wrapper (for an empty drop-zone) or\n    // nothing (for a disabled choice) as the sole stop.\n    attributes: { tabIndex: draggable && !disabled ? 0 : -1 },\n  });\n\n  const droppable = useDroppable({\n    id: dropId,\n    data: dropZoneData,\n    disabled: disabled || !dropId,\n  });\n\n  const setDropRef = droppable.setNodeRef;\n  const isOver = droppable.isOver;\n\n  // dnd-kit's own isOver only reflects real collision detection during an active drag,\n  // so it stays false while an answer is merely click-selected (no drag in progress).\n  // Track hovering locally and fold it into the same isOver signal used everywhere\n  // below, so hovering a response area while something is selected gets the exact same\n  // treatment as hovering it during a real drag — one code path, no duplicated CSS.\n  const [isHovered, setIsHovered] = useState(false);\n  const hasSelection = !!selectedAnswer;\n  const showsHoverEffect = isOver || (hasSelection && isHovered && !disabled);\n\n  const isSelected =\n    !!selectedAnswer &&\n    selectedAnswer.type === activeData.type &&\n    selectedAnswer.id === activeData.id &&\n    selectedAnswer.promptId === activeData.promptId;\n\n  // compute style: apply transform to the element that actually moves\n  const transformStyle = transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined;\n\n  // If this item is a drop-zone (prompt slot), we render an outer droppable wrapper.\n  // The outer wrapper's rect is what dnd-kit measures for this slot's own droppable\n  // (\"drop-{promptId}\"), so it must stay untransformed — applying the drag transform\n  // there would make the slot's own droppable rect chase the dragged item during the\n  // drag, corrupting collision/keyboard-navigation results. The transform belongs on\n  // the inner draggable node instead.\n  if (dropId) {\n    const handleResponseAreaClick = () => {\n      if (disabled) return;\n\n      if (isSelected) {\n        // Clicking the already-selected placed answer again deselects it, same as\n        // for a choice in the pool.\n        onSelectClick?.(activeData);\n      } else if (selectedAnswer) {\n        // Something else is selected — place it here, same whether this area is\n        // currently empty or already occupied.\n        onPlacementClick?.(dropZoneData);\n      } else if (draggable) {\n        // Nothing selected yet, and this response area holds an answer — clicking it\n        // selects that answer for moving elsewhere, the same way Tab+Space/Enter does.\n        onSelectClick?.(activeData);\n      }\n\n      // Empty response area clicked with nothing selected: nothing to place or select.\n    };\n\n    // An empty response area isn't draggable, so dnd-kit's own attributes (only\n    // applied to the inner node, and only when draggable) never make it tabbable —\n    // this outer wrapper needs its own focus/activation handling so \"select a choice,\n    // then Tab to a response area and press Space/Enter\" works even when the area is\n    // empty. This is independent of, and doesn't change, the existing in-drag\n    // Tab-cycling (that's driven by an active dnd-kit drag, not native focus).\n    //\n    // Only made a native Tab stop when NOT draggable (i.e. empty): when the target is\n    // filled, the inner node is already independently tabbable via dnd-kit's own\n    // attributes for the existing pick-up-to-move gesture, and adding a second,\n    // outer Tab stop for the same visual tile would add an extra stop to the existing\n    // Tab order. Placing into an occupied area is still fully reachable by mouse click\n    // here, or by the existing keyboard drag flow (Tab+Space/Enter on the choice,\n    // Tab-cycle to the occupied target, Space/Enter to swap).\n    const isNativeTabStop = !draggable && !disabled;\n\n    const handleResponseAreaKeyDown = (e) => {\n      if (e.code === 'Space' || e.code === 'Enter') {\n        e.preventDefault();\n        handleResponseAreaClick();\n      }\n    };\n\n    return (\n      <div\n        ref={setDropRef}\n        role=\"button\"\n        tabIndex={isNativeTabStop ? 0 : -1}\n        onClick={handleResponseAreaClick}\n        onKeyDown={isNativeTabStop ? handleResponseAreaKeyDown : undefined}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        style={{\n          flex: 1,\n          opacity: isDragging || isSelected ? 0.5 : 1,\n          backgroundColor: isDragging || isSelected || showsHoverEffect ? 'rgba(0,0,0,0.05)' : 'transparent',\n          cursor: hasSelection && !disabled ? 'pointer' : undefined,\n        }}\n      >\n        <div ref={setDragRef} {...listeners} {...attributes} style={{ transform: transformStyle, transition }}>\n          <Answer {...props} isDragging={isDragging} isSelected={isSelected} isOver={showsHoverEffect} />\n        </div>\n      </div>\n    );\n  }\n\n  const handleChoiceClick = (e) => {\n    if (disabled) {\n      return;\n    }\n\n    e.stopPropagation();\n    onSelectClick?.(activeData);\n  };\n\n  // if there is NO dropId (this is a choice / draggable-only), render only draggable node and apply transform to it.\n  return (\n    <div\n      ref={setDragRef}\n      {...listeners}\n      {...attributes}\n      onClick={handleChoiceClick}\n      style={{\n        transform: transformStyle,\n        transition,\n        cursor: disabled ? 'not-allowed' : 'grab',\n        opacity: isDragging || isSelected ? 0.5 : 1,\n        touchAction: draggable && !disabled ? 'none' : 'auto',\n      }}\n    >\n      <Answer {...props} isDragging={isDragging} isSelected={isSelected} isOver={false} />\n    </div>\n  );\n}\n\nDragAndDropAnswer.propTypes = {\n  id: PropTypes.any,\n  instanceId: PropTypes.string,\n  promptId: PropTypes.any,\n  title: PropTypes.string,\n  draggable: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n  selectedAnswer: PropTypes.object,\n  onSelectClick: PropTypes.func,\n  onPlacementClick: PropTypes.func,\n};\n\nexport default DragAndDropAnswer;\n"],"mappings":"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","ignoreList":[]}

package/lib/keyboard-coordinates.js

@@ -67,21 +67,6 @@ const closestDroppableKeyboardCoordinates = (event, {
     return currentCoordinates;
   }
 
-  // `currentCoordinates` is the top-left of the dragged item's collision rect (not its
-  // center), so derive the dragged item's center in the same frame before comparing it
-  // against droppable centers below. Returning a droppable's *center* as the next
-  // coordinates (as opposed to its top-left) would shift the dragged item's top-left to
-  // that center, overshooting the target by roughly half its size and causing
-  // dnd-kit to resolve collisions against a neighboring droppable instead.
-  const draggedHalfSize = {
-    x: (collisionRect?.width || 0) / 2,
-    y: (collisionRect?.height || 0) / 2
-  };
-  const currentCenter = {
-    x: currentCoordinates.x + draggedHalfSize.x,
-    y: currentCoordinates.y + draggedHalfSize.y
-  };
-
   // A placed answer ("target") is itself a droppable for its own prompt slot
   // ("drop-{promptId}"). That self drop-zone must never be treated as a navigable
   // target: it sits under the dragged item, so a tiny (even sub-pixel) discrepancy
@@ -91,7 +76,7 @@ const closestDroppableKeyboardCoordinates = (event, {
   const activeData = active?.data?.current;
   const ownDropId = activeData?.promptId != null ? `drop-${activeData.promptId}` : undefined;
 
-  // Collect top-left and center of all enabled droppable containers
+  // Collect rect, top-left and center of all enabled droppable containers
   const targets = [];
   for (const [id, container] of droppableContainers) {
     if (container?.disabled) continue;
@@ -110,6 +95,7 @@ const closestDroppableKeyboardCoordinates = (event, {
     };
     targets.push({
       id,
+      rect,
       dropPosition,
       center
     });
@@ -127,14 +113,35 @@ const closestDroppableKeyboardCoordinates = (event, {
     return a.center.x - b.center.x;
   });
 
-  // Find the current target (closest to current coordinates)
-  let currentIndex = 0;
-  let minDist = Infinity;
-  for (let i = 0; i < targets.length; i++) {
-    const dist = distance(currentCenter, targets[i].center);
-    if (dist < minDist) {
-      minDist = dist;
-      currentIndex = i;
+  // Find the current target. Whichever target the dragged item's own center point
+  // actually falls inside of is the current target — this is what "currently sitting
+  // on a target" means, and it holds regardless of how the dragged item's size compares
+  // to the target's: a compact answer tile landed (per `dropPosition` above) at a wide
+  // response row's left edge is still contained within that row's rect.
+  //
+  // Comparing distances between the dragged item's *center* and each target's *center*
+  // (as this used to) breaks down for exactly that shape (a small tile in a much wider
+  // row): the dragged item's own center sits well short of the row's true center, by
+  // roughly half the width difference — enough that a completely different droppable
+  // (e.g. the choices pool) can end up "closer", so once the item is actually sitting on
+  // a target, the next press re-matches the position as if it were still somewhere
+  // else, and keeps recomputing the same move instead of advancing.
+  const draggedCenter = collisionRect ? {
+    x: collisionRect.left + collisionRect.width / 2,
+    y: collisionRect.top + collisionRect.height / 2
+  } : currentCoordinates;
+  let currentIndex = targets.findIndex(t => draggedCenter.x >= t.rect.left && draggedCenter.x <= t.rect.right && draggedCenter.y >= t.rect.top && draggedCenter.y <= t.rect.bottom);
+
+  // Fall back to nearest-by-dropPosition if the dragged item's center isn't strictly
+  // inside any target (e.g. mid-flight after a free arrow-key move).
+  if (currentIndex === -1) {
+    let minDist = Infinity;
+    for (let i = 0; i < targets.length; i++) {
+      const dist = distance(currentCoordinates, targets[i].dropPosition);
+      if (dist < minDist) {
+        minDist = dist;
+        currentIndex = i;
+      }
     }
   }
 

package/lib/keyboard-coordinates.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-coordinates.js","names":["_core","require","ARROW_STEP","closestDroppableKeyboardCoordinates","event","active","context","currentCoordinates","code","isTab","isArrow","KeyboardCode","Down","Up","Left","Right","undefined","preventDefault","y","x","droppableRects","droppableContainers","collisionRect","size","draggedHalfSize","width","height","currentCenter","activeData","data","current","ownDropId","promptId","targets","id","container","disabled","rect","get","center","left","top","dropPosition","push","length","reverse","shiftKey","sort","a","b","Math","abs","currentIndex","minDist","Infinity","i","dist","distance","nextIndex","exports","sqrt"],"sources":["../src/keyboard-coordinates.js"],"sourcesContent":["import { KeyboardCode } from '@dnd-kit/core';\n\nconst ARROW_STEP = 25;\n\n/**\n * Custom keyboard coordinate getter for non-sortable drag-and-drop.\n *\n * Tab/Shift+Tab cycle the dragged item directly onto the next/previous droppable\n * (response area or the choices pool), in DOM order, placing the dragged item's own\n * top-left corner at the target's center-left point. Arrow keys are left doing plain\n * free-form movement (nudging the dragged item by a fixed step, same as dnd-kit's own\n * default keyboard behavior) rather than jumping between droppables — collision\n * detection (rectIntersection) still picks up whatever the item ends up actually\n * overlapping.\n */\nexport const closestDroppableKeyboardCoordinates = (event, { active, context, currentCoordinates }) => {\n  const { code } = event;\n  const isTab = code === 'Tab';\n  const isArrow =\n    code === KeyboardCode.Down || code === KeyboardCode.Up || code === KeyboardCode.Left || code === KeyboardCode.Right;\n\n  if (!isTab && !isArrow) {\n    return undefined;\n  }\n\n  event.preventDefault();\n\n  if (isArrow) {\n    switch (code) {\n      case KeyboardCode.Down:\n        return { ...currentCoordinates, y: currentCoordinates.y + ARROW_STEP };\n\n      case KeyboardCode.Up:\n        return { ...currentCoordinates, y: currentCoordinates.y - ARROW_STEP };\n\n      case KeyboardCode.Right:\n        return { ...currentCoordinates, x: currentCoordinates.x + ARROW_STEP };\n\n      case KeyboardCode.Left:\n        return { ...currentCoordinates, x: currentCoordinates.x - ARROW_STEP };\n\n      default:\n        return currentCoordinates;\n    }\n  }\n\n  const { droppableRects, droppableContainers, collisionRect } = context;\n\n  if (!droppableRects || droppableRects.size === 0) {\n    return currentCoordinates;\n  }\n\n  // `currentCoordinates` is the top-left of the dragged item's collision rect (not its\n  // center), so derive the dragged item's center in the same frame before comparing it\n  // against droppable centers below. Returning a droppable's *center* as the next\n  // coordinates (as opposed to its top-left) would shift the dragged item's top-left to\n  // that center, overshooting the target by roughly half its size and causing\n  // dnd-kit to resolve collisions against a neighboring droppable instead.\n  const draggedHalfSize = {\n    x: (collisionRect?.width || 0) / 2,\n    y: (collisionRect?.height || 0) / 2,\n  };\n  const currentCenter = {\n    x: currentCoordinates.x + draggedHalfSize.x,\n    y: currentCoordinates.y + draggedHalfSize.y,\n  };\n\n  // A placed answer (\"target\") is itself a droppable for its own prompt slot\n  // (\"drop-{promptId}\"). That self drop-zone must never be treated as a navigable\n  // target: it sits under the dragged item, so a tiny (even sub-pixel) discrepancy\n  // between its measured rect and the dragged item's own rect is enough to make it\n  // register as the \"closest\" candidate, which reads as the drag being stuck.\n  // Exclude it outright rather than relying on a distance threshold.\n  const activeData = active?.data?.current;\n  const ownDropId = activeData?.promptId != null ? `drop-${activeData.promptId}` : undefined;\n\n  // Collect top-left and center of all enabled droppable containers\n  const targets = [];\n\n  for (const [id, container] of droppableContainers) {\n    if (container?.disabled) continue;\n\n    if (id === ownDropId) continue;\n\n    const rect = droppableRects.get(id);\n\n    if (!rect) continue;\n\n    const center = {\n      x: rect.left + rect.width / 2,\n      y: rect.top + rect.height / 2,\n    };\n    // Land the dragged item's own top-left corner at the target's center-left point,\n    // rather than at the target's own top-left corner.\n    const dropPosition = {\n      x: rect.left,\n      y: rect.top + rect.height / 2,\n    };\n\n    targets.push({ id, dropPosition, center });\n  }\n\n  if (targets.length === 0) {\n    return currentCoordinates;\n  }\n\n  // Tab/Shift+Tab: cycle through targets in DOM order (sorted top-to-bottom, left-to-right)\n  const reverse = event.shiftKey;\n\n  // Sort targets by position (top to bottom, then left to right)\n  targets.sort((a, b) => {\n    if (Math.abs(a.center.y - b.center.y) > 10) return a.center.y - b.center.y;\n    return a.center.x - b.center.x;\n  });\n\n  // Find the current target (closest to current coordinates)\n  let currentIndex = 0;\n  let minDist = Infinity;\n\n  for (let i = 0; i < targets.length; i++) {\n    const dist = distance(currentCenter, targets[i].center);\n\n    if (dist < minDist) {\n      minDist = dist;\n      currentIndex = i;\n    }\n  }\n\n  // Move to next/previous\n  const nextIndex = reverse\n    ? (currentIndex - 1 + targets.length) % targets.length\n    : (currentIndex + 1) % targets.length;\n\n  return targets[nextIndex].dropPosition;\n};\n\nconst distance = (a, b) => Math.sqrt((a.x - b.x) ** 2 + (a.y - b.y) ** 2);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"keyboard-coordinates.js","names":["_core","require","ARROW_STEP","closestDroppableKeyboardCoordinates","event","active","context","currentCoordinates","code","isTab","isArrow","KeyboardCode","Down","Up","Left","Right","undefined","preventDefault","y","x","droppableRects","droppableContainers","collisionRect","size","activeData","data","current","ownDropId","promptId","targets","id","container","disabled","rect","get","center","left","width","top","height","dropPosition","push","length","reverse","shiftKey","sort","a","b","Math","abs","draggedCenter","currentIndex","findIndex","t","right","bottom","minDist","Infinity","i","dist","distance","nextIndex","exports","sqrt"],"sources":["../src/keyboard-coordinates.js"],"sourcesContent":["import { KeyboardCode } from '@dnd-kit/core';\n\nconst ARROW_STEP = 25;\n\n/**\n * Custom keyboard coordinate getter for non-sortable drag-and-drop.\n *\n * Tab/Shift+Tab cycle the dragged item directly onto the next/previous droppable\n * (response area or the choices pool), in DOM order, placing the dragged item's own\n * top-left corner at the target's center-left point. Arrow keys are left doing plain\n * free-form movement (nudging the dragged item by a fixed step, same as dnd-kit's own\n * default keyboard behavior) rather than jumping between droppables — collision\n * detection (rectIntersection) still picks up whatever the item ends up actually\n * overlapping.\n */\nexport const closestDroppableKeyboardCoordinates = (event, { active, context, currentCoordinates }) => {\n  const { code } = event;\n  const isTab = code === 'Tab';\n  const isArrow =\n    code === KeyboardCode.Down || code === KeyboardCode.Up || code === KeyboardCode.Left || code === KeyboardCode.Right;\n\n  if (!isTab && !isArrow) {\n    return undefined;\n  }\n\n  event.preventDefault();\n\n  if (isArrow) {\n    switch (code) {\n      case KeyboardCode.Down:\n        return { ...currentCoordinates, y: currentCoordinates.y + ARROW_STEP };\n\n      case KeyboardCode.Up:\n        return { ...currentCoordinates, y: currentCoordinates.y - ARROW_STEP };\n\n      case KeyboardCode.Right:\n        return { ...currentCoordinates, x: currentCoordinates.x + ARROW_STEP };\n\n      case KeyboardCode.Left:\n        return { ...currentCoordinates, x: currentCoordinates.x - ARROW_STEP };\n\n      default:\n        return currentCoordinates;\n    }\n  }\n\n  const { droppableRects, droppableContainers, collisionRect } = context;\n\n  if (!droppableRects || droppableRects.size === 0) {\n    return currentCoordinates;\n  }\n\n  // A placed answer (\"target\") is itself a droppable for its own prompt slot\n  // (\"drop-{promptId}\"). That self drop-zone must never be treated as a navigable\n  // target: it sits under the dragged item, so a tiny (even sub-pixel) discrepancy\n  // between its measured rect and the dragged item's own rect is enough to make it\n  // register as the \"closest\" candidate, which reads as the drag being stuck.\n  // Exclude it outright rather than relying on a distance threshold.\n  const activeData = active?.data?.current;\n  const ownDropId = activeData?.promptId != null ? `drop-${activeData.promptId}` : undefined;\n\n  // Collect rect, top-left and center of all enabled droppable containers\n  const targets = [];\n\n  for (const [id, container] of droppableContainers) {\n    if (container?.disabled) continue;\n\n    if (id === ownDropId) continue;\n\n    const rect = droppableRects.get(id);\n\n    if (!rect) continue;\n\n    const center = {\n      x: rect.left + rect.width / 2,\n      y: rect.top + rect.height / 2,\n    };\n    // Land the dragged item's own top-left corner at the target's center-left point,\n    // rather than at the target's own top-left corner.\n    const dropPosition = {\n      x: rect.left,\n      y: rect.top + rect.height / 2,\n    };\n\n    targets.push({ id, rect, dropPosition, center });\n  }\n\n  if (targets.length === 0) {\n    return currentCoordinates;\n  }\n\n  // Tab/Shift+Tab: cycle through targets in DOM order (sorted top-to-bottom, left-to-right)\n  const reverse = event.shiftKey;\n\n  // Sort targets by position (top to bottom, then left to right)\n  targets.sort((a, b) => {\n    if (Math.abs(a.center.y - b.center.y) > 10) return a.center.y - b.center.y;\n    return a.center.x - b.center.x;\n  });\n\n  // Find the current target. Whichever target the dragged item's own center point\n  // actually falls inside of is the current target — this is what \"currently sitting\n  // on a target\" means, and it holds regardless of how the dragged item's size compares\n  // to the target's: a compact answer tile landed (per `dropPosition` above) at a wide\n  // response row's left edge is still contained within that row's rect.\n  //\n  // Comparing distances between the dragged item's *center* and each target's *center*\n  // (as this used to) breaks down for exactly that shape (a small tile in a much wider\n  // row): the dragged item's own center sits well short of the row's true center, by\n  // roughly half the width difference — enough that a completely different droppable\n  // (e.g. the choices pool) can end up \"closer\", so once the item is actually sitting on\n  // a target, the next press re-matches the position as if it were still somewhere\n  // else, and keeps recomputing the same move instead of advancing.\n  const draggedCenter = collisionRect\n    ? { x: collisionRect.left + collisionRect.width / 2, y: collisionRect.top + collisionRect.height / 2 }\n    : currentCoordinates;\n\n  let currentIndex = targets.findIndex(\n    (t) => draggedCenter.x >= t.rect.left && draggedCenter.x <= t.rect.right && draggedCenter.y >= t.rect.top && draggedCenter.y <= t.rect.bottom,\n  );\n\n  // Fall back to nearest-by-dropPosition if the dragged item's center isn't strictly\n  // inside any target (e.g. mid-flight after a free arrow-key move).\n  if (currentIndex === -1) {\n    let minDist = Infinity;\n\n    for (let i = 0; i < targets.length; i++) {\n      const dist = distance(currentCoordinates, targets[i].dropPosition);\n\n      if (dist < minDist) {\n        minDist = dist;\n        currentIndex = i;\n      }\n    }\n  }\n\n  // Move to next/previous\n  const nextIndex = reverse\n    ? (currentIndex - 1 + targets.length) % targets.length\n    : (currentIndex + 1) % targets.length;\n\n  return targets[nextIndex].dropPosition;\n};\n\nconst distance = (a, b) => Math.sqrt((a.x - b.x) ** 2 + (a.y - b.y) ** 2);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,MAAMC,UAAU,GAAG,EAAE;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,mCAAmC,GAAGA,CAACC,KAAK,EAAE;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAmB,CAAC,KAAK;EACrG,MAAM;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EACtB,MAAMK,KAAK,GAAGD,IAAI,KAAK,KAAK;EAC5B,MAAME,OAAO,GACXF,IAAI,KAAKG,kBAAY,CAACC,IAAI,IAAIJ,IAAI,KAAKG,kBAAY,CAACE,EAAE,IAAIL,IAAI,KAAKG,kBAAY,CAACG,IAAI,IAAIN,IAAI,KAAKG,kBAAY,CAACI,KAAK;EAErH,IAAI,CAACN,KAAK,IAAI,CAACC,OAAO,EAAE;IACtB,OAAOM,SAAS;EAClB;EAEAZ,KAAK,CAACa,cAAc,CAAC,CAAC;EAEtB,IAAIP,OAAO,EAAE;IACX,QAAQF,IAAI;MACV,KAAKG,kBAAY,CAACC,IAAI;QACpB,OAAO;UAAE,GAAGL,kBAAkB;UAAEW,CAAC,EAAEX,kBAAkB,CAACW,CAAC,GAAGhB;QAAW,CAAC;MAExE,KAAKS,kBAAY,CAACE,EAAE;QAClB,OAAO;UAAE,GAAGN,kBAAkB;UAAEW,CAAC,EAAEX,kBAAkB,CAACW,CAAC,GAAGhB;QAAW,CAAC;MAExE,KAAKS,kBAAY,CAACI,KAAK;QACrB,OAAO;UAAE,GAAGR,kBAAkB;UAAEY,CAAC,EAAEZ,kBAAkB,CAACY,CAAC,GAAGjB;QAAW,CAAC;MAExE,KAAKS,kBAAY,CAACG,IAAI;QACpB,OAAO;UAAE,GAAGP,kBAAkB;UAAEY,CAAC,EAAEZ,kBAAkB,CAACY,CAAC,GAAGjB;QAAW,CAAC;MAExE;QACE,OAAOK,kBAAkB;IAC7B;EACF;EAEA,MAAM;IAAEa,cAAc;IAAEC,mBAAmB;IAAEC;EAAc,CAAC,GAAGhB,OAAO;EAEtE,IAAI,CAACc,cAAc,IAAIA,cAAc,CAACG,IAAI,KAAK,CAAC,EAAE;IAChD,OAAOhB,kBAAkB;EAC3B;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMiB,UAAU,GAAGnB,MAAM,EAAEoB,IAAI,EAAEC,OAAO;EACxC,MAAMC,SAAS,GAAGH,UAAU,EAAEI,QAAQ,IAAI,IAAI,GAAG,QAAQJ,UAAU,CAACI,QAAQ,EAAE,GAAGZ,SAAS;;EAE1F;EACA,MAAMa,OAAO,GAAG,EAAE;EAElB,KAAK,MAAM,CAACC,EAAE,EAAEC,SAAS,CAAC,IAAIV,mBAAmB,EAAE;IACjD,IAAIU,SAAS,EAAEC,QAAQ,EAAE;IAEzB,IAAIF,EAAE,KAAKH,SAAS,EAAE;IAEtB,MAAMM,IAAI,GAAGb,cAAc,CAACc,GAAG,CAACJ,EAAE,CAAC;IAEnC,IAAI,CAACG,IAAI,EAAE;IAEX,MAAME,MAAM,GAAG;MACbhB,CAAC,EAAEc,IAAI,CAACG,IAAI,GAAGH,IAAI,CAACI,KAAK,GAAG,CAAC;MAC7BnB,CAAC,EAAEe,IAAI,CAACK,GAAG,GAAGL,IAAI,CAACM,MAAM,GAAG;IAC9B,CAAC;IACD;IACA;IACA,MAAMC,YAAY,GAAG;MACnBrB,CAAC,EAAEc,IAAI,CAACG,IAAI;MACZlB,CAAC,EAAEe,IAAI,CAACK,GAAG,GAAGL,IAAI,CAACM,MAAM,GAAG;IAC9B,CAAC;IAEDV,OAAO,CAACY,IAAI,CAAC;MAAEX,EAAE;MAAEG,IAAI;MAAEO,YAAY;MAAEL;IAAO,CAAC,CAAC;EAClD;EAEA,IAAIN,OAAO,CAACa,MAAM,KAAK,CAAC,EAAE;IACxB,OAAOnC,kBAAkB;EAC3B;;EAEA;EACA,MAAMoC,OAAO,GAAGvC,KAAK,CAACwC,QAAQ;;EAE9B;EACAf,OAAO,CAACgB,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACrB,IAAIC,IAAI,CAACC,GAAG,CAACH,CAAC,CAACX,MAAM,CAACjB,CAAC,GAAG6B,CAAC,CAACZ,MAAM,CAACjB,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO4B,CAAC,CAACX,MAAM,CAACjB,CAAC,GAAG6B,CAAC,CAACZ,MAAM,CAACjB,CAAC;IAC1E,OAAO4B,CAAC,CAACX,MAAM,CAAChB,CAAC,GAAG4B,CAAC,CAACZ,MAAM,CAAChB,CAAC;EAChC,CAAC,CAAC;;EAEF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM+B,aAAa,GAAG5B,aAAa,GAC/B;IAAEH,CAAC,EAAEG,aAAa,CAACc,IAAI,GAAGd,aAAa,CAACe,KAAK,GAAG,CAAC;IAAEnB,CAAC,EAAEI,aAAa,CAACgB,GAAG,GAAGhB,aAAa,CAACiB,MAAM,GAAG;EAAE,CAAC,GACpGhC,kBAAkB;EAEtB,IAAI4C,YAAY,GAAGtB,OAAO,CAACuB,SAAS,CACjCC,CAAC,IAAKH,aAAa,CAAC/B,CAAC,IAAIkC,CAAC,CAACpB,IAAI,CAACG,IAAI,IAAIc,aAAa,CAAC/B,CAAC,IAAIkC,CAAC,CAACpB,IAAI,CAACqB,KAAK,IAAIJ,aAAa,CAAChC,CAAC,IAAImC,CAAC,CAACpB,IAAI,CAACK,GAAG,IAAIY,aAAa,CAAChC,CAAC,IAAImC,CAAC,CAACpB,IAAI,CAACsB,MACzI,CAAC;;EAED;EACA;EACA,IAAIJ,YAAY,KAAK,CAAC,CAAC,EAAE;IACvB,IAAIK,OAAO,GAAGC,QAAQ;IAEtB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG7B,OAAO,CAACa,MAAM,EAAEgB,CAAC,EAAE,EAAE;MACvC,MAAMC,IAAI,GAAGC,QAAQ,CAACrD,kBAAkB,EAAEsB,OAAO,CAAC6B,CAAC,CAAC,CAAClB,YAAY,CAAC;MAElE,IAAImB,IAAI,GAAGH,OAAO,EAAE;QAClBA,OAAO,GAAGG,IAAI;QACdR,YAAY,GAAGO,CAAC;MAClB;IACF;EACF;;EAEA;EACA,MAAMG,SAAS,GAAGlB,OAAO,GACrB,CAACQ,YAAY,GAAG,CAAC,GAAGtB,OAAO,CAACa,MAAM,IAAIb,OAAO,CAACa,MAAM,GACpD,CAACS,YAAY,GAAG,CAAC,IAAItB,OAAO,CAACa,MAAM;EAEvC,OAAOb,OAAO,CAACgC,SAAS,CAAC,CAACrB,YAAY;AACxC,CAAC;AAACsB,OAAA,CAAA3D,mCAAA,GAAAA,mCAAA;AAEF,MAAMyD,QAAQ,GAAGA,CAACd,CAAC,EAAEC,CAAC,KAAKC,IAAI,CAACe,IAAI,CAAC,CAACjB,CAAC,CAAC3B,CAAC,GAAG4B,CAAC,CAAC5B,CAAC,KAAK,CAAC,GAAG,CAAC2B,CAAC,CAAC5B,CAAC,GAAG6B,CAAC,CAAC7B,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "7.2.0",
+  "version": "7.2.1",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -18,10 +18,10 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "4.0.6",
-    "@pie-lib/drag": "4.1.1",
+    "@pie-lib/correct-answer-toggle": "4.0.7",
+    "@pie-lib/drag": "4.1.2",
     "@pie-lib/math-rendering": "5.1.0",
-    "@pie-lib/render-ui": "7.0.0",
+    "@pie-lib/render-ui": "7.0.1",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.8.1",
@@ -30,7 +30,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "e299866c75466c3c3f12469e783c129c800f24fb",
+  "gitHead": "5635523a84dd61f007275dcb853627b1ff0c6792",
   "main": "lib/index.js",
   "module": "src/index.js"
 }