@pie-lib/mask-markup 3.0.14-next.35 → 3.0.14-next.42

package/lib/drag-in-the-blank.js

@@ -19,10 +19,16 @@ var _choices = _interopRequireDefault(require("./choices"));
 var _choice = _interopRequireDefault(require("./choices/choice"));
 var _blank = _interopRequireDefault(require("./components/blank"));
 var _withMask = require("./with-mask");
+var _keyboardCoordinates = require("./keyboard-coordinates");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// A click that lands right after a real drag gesture ends (pointer drag-and-drop, or
+// the browser's own synthetic click for a keyboard Space/Enter) must be ignored by the
+// click-to-select/click-to-place handlers below, or it would immediately reopen or
+// re-trigger a selection for a drag that just completed.
+var CLICK_AFTER_DRAG_GUARD_MS = 250;
 var Masked = (0, _withMask.withMask)('blank', function (props) {
   return function (node, data, _onChange) {
     var _node$data;
@@ -37,7 +43,10 @@ var Masked = (0, _withMask.withMask)('blank', function (props) {
         emptyResponseAreaWidth = props.emptyResponseAreaWidth,
         emptyResponseAreaHeight = props.emptyResponseAreaHeight,
         instanceId = props.instanceId,
-        isDragging = props.isDragging;
+        isDragging = props.isDragging,
+        selectedItem = props.selectedItem,
+        onSelectClick = props.onSelectClick,
+        onPlacementClick = props.onPlacementClick;
       var choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];
       // eslint-disable-next-line react/prop-types
       var choice = choiceId && props.choices.find(function (c) {
@@ -62,7 +71,10 @@ var Masked = (0, _withMask.withMask)('blank', function (props) {
           _onChange(newData);
         },
         instanceId: instanceId,
-        isDragging: isDragging
+        isDragging: isDragging,
+        selectedItem: selectedItem,
+        onSelectClick: onSelectClick,
+        onPlacementClick: onPlacementClick
       });
     }
   };
@@ -78,7 +90,9 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
       if (active !== null && active !== void 0 && (_active$data = active.data) !== null && _active$data !== void 0 && _active$data.current) {
         _this.setState({
           activeDragItem: active.data.current,
-          dropAnimation: undefined // default during drag
+          dropAnimation: undefined,
+          // default during drag
+          selectedItem: active.data.current
         });
       }
     });
@@ -94,37 +108,29 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
       }
       return null;
     });
-    (0, _defineProperty2["default"])(_this, "handleDragEnd", function (event) {
-      var _active$data2, _over$data, _dropData$accepts;
-      var active = event.active,
-        over = event.over;
+    // Shared placement logic for both the drag-end path and the click-to-place path, so
+    // neither reimplements the other's mutation rules.
+    //
+    // `targetId === undefined` means "the choice board" — placing there removes the item
+    // from wherever it currently is (mirroring image-cloze-association's
+    // `containerIndex === undefined` convention for its own choices pool).
+    (0, _defineProperty2["default"])(_this, "commitPlacement", function (draggedItem, targetId) {
       var _this$props = _this.props,
         onChange = _this$props.onChange,
         value = _this$props.value;
-      var draggedData = active === null || active === void 0 || (_active$data2 = active.data) === null || _active$data2 === void 0 ? void 0 : _active$data2.current;
-      var dropData = over === null || over === void 0 || (_over$data = over.data) === null || _over$data === void 0 ? void 0 : _over$data.current;
-      var isValidDrop = !!active && !!over && (draggedData === null || draggedData === void 0 ? void 0 : draggedData.type) === 'MaskBlank' && (dropData === null || dropData === void 0 || (_dropData$accepts = dropData.accepts) === null || _dropData$accepts === void 0 ? void 0 : _dropData$accepts.includes('MaskBlank'));
-
-      // Only animate back when drop is invalid
-      _this.setState({
-        activeDragItem: null,
-        dropAnimation: isValidDrop ? null : undefined
-      });
-      if (!isValidDrop || !onChange) return;
-      var draggedItem = draggedData;
-      var targetId = dropData.id;
-      if (dropData.toChoiceBoard === true) {
+      if (!onChange) return;
+      if (targetId === undefined) {
         if (!draggedItem.fromChoice && draggedItem.id) {
           var newValue = _objectSpread({}, value);
           delete newValue[draggedItem.id];
           onChange(newValue);
         }
-      } else if (draggedItem.fromChoice === true) {
-        if (targetId && targetId !== 'drag-in-the-blank-droppable') {
-          var _newValue = _objectSpread({}, value);
-          _newValue[targetId] = draggedItem.choice.id;
-          onChange(_newValue);
-        }
+        return;
+      }
+      if (draggedItem.fromChoice === true) {
+        var _newValue = _objectSpread({}, value);
+        _newValue[targetId] = draggedItem.choice.id;
+        onChange(_newValue);
       } else if (draggedItem.id && draggedItem.id !== targetId) {
         var _newValue2 = _objectSpread({}, value);
         _newValue2[targetId] = draggedItem.choice.id;
@@ -132,6 +138,94 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
         onChange(_newValue2);
       }
     });
+    (0, _defineProperty2["default"])(_this, "handleDragEnd", function (event) {
+      var _active$data2, _over$data, _dropData$accepts;
+      var active = event.active,
+        over = event.over;
+      var draggedData = active === null || active === void 0 || (_active$data2 = active.data) === null || _active$data2 === void 0 ? void 0 : _active$data2.current;
+      var dropData = over === null || over === void 0 || (_over$data = over.data) === null || _over$data === void 0 ? void 0 : _over$data.current;
+      var isValidDrop = !!active && !!over && (draggedData === null || draggedData === void 0 ? void 0 : draggedData.type) === 'MaskBlank' && (dropData === null || dropData === void 0 || (_dropData$accepts = dropData.accepts) === null || _dropData$accepts === void 0 ? void 0 : _dropData$accepts.includes('MaskBlank'));
+
+      // Only animate back when drop is invalid
+      _this.setState({
+        activeDragItem: null,
+        dropAnimation: isValidDrop ? null : undefined
+      });
+      _this.cancelSelection();
+      _this.lastDragEndAt = Date.now();
+      if (!isValidDrop) return;
+      var targetId = dropData.toChoiceBoard === true ? undefined : dropData.id;
+      _this.commitPlacement(draggedData, targetId);
+    });
+    (0, _defineProperty2["default"])(_this, "onDragCancel", function () {
+      _this.setState({
+        activeDragItem: null,
+        dropAnimation: undefined
+      });
+      _this.cancelSelection();
+      _this.lastDragEndAt = Date.now();
+    });
+    (0, _defineProperty2["default"])(_this, "isSameItem", function (a, b) {
+      if (!a || !b || a.fromChoice !== b.fromChoice) return false;
+      return a.fromChoice ? a.choice.id === b.choice.id : a.id === b.id;
+    });
+    // Click-to-select semantics: selecting the currently-selected item again clears the
+    // selection instead of re-selecting it.
+    (0, _defineProperty2["default"])(_this, "toggleItemSelection", function (data) {
+      _this.setState(function (state) {
+        return {
+          selectedItem: _this.isSameItem(state.selectedItem, data) ? null : data
+        };
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "cancelSelection", function () {
+      _this.setState({
+        selectedItem: null
+      });
+    });
+    // If a real dnd-kit drag (started via keyboard Space/Enter) is still live when a
+    // click completes the placement below, it needs to be cleanly ended — otherwise
+    // dnd-kit would still think a drag is in progress. Escape is already configured as
+    // this sensor's cancel key (see the keyboardCodes passed to DragProvider below), and
+    // dispatching it as a real DOM KeyboardEvent is how dnd-kit's own document-level
+    // listener is reached from outside its sensor.
+    //
+    // Only dispatch when a drag is actually live — this is a synthetic Escape keydown on
+    // `document`, so an unconditional dispatch would also be observed by any other
+    // document-level Escape listener (host player modals/dialogs, or another mounted
+    // instance of this same component) even when nothing here actually needed cancelling.
+    (0, _defineProperty2["default"])(_this, "endAnyLiveKeyboardDrag", function () {
+      if (!_this.state.activeDragItem) return;
+      document.dispatchEvent(new KeyboardEvent('keydown', {
+        code: 'Escape',
+        bubbles: true,
+        cancelable: true
+      }));
+    });
+    (0, _defineProperty2["default"])(_this, "placeSelectedItem", function (targetId) {
+      var selectedItem = _this.state.selectedItem;
+      if (!selectedItem) return;
+      _this.commitPlacement(selectedItem, targetId);
+      _this.cancelSelection();
+      _this.endAnyLiveKeyboardDrag();
+    });
+    (0, _defineProperty2["default"])(_this, "isClickSoonAfterDragEnd", function () {
+      return Date.now() - _this.lastDragEndAt < CLICK_AFTER_DRAG_GUARD_MS;
+    });
+    (0, _defineProperty2["default"])(_this, "onItemClick", function (data) {
+      if (_this.isClickSoonAfterDragEnd()) return;
+
+      // End any still-live keyboard drag BEFORE toggling the new selection: ending it
+      // also cancels the current selection as a side effect (see onDragCancel above), so
+      // doing it before — not after — lets this click's own selection be the one that
+      // sticks.
+      _this.endAnyLiveKeyboardDrag();
+      _this.toggleItemSelection(data);
+    });
+    (0, _defineProperty2["default"])(_this, "onPlacementClick", function (targetId) {
+      if (_this.isClickSoonAfterDragEnd()) return;
+      _this.placeSelectedItem(targetId);
+    });
     (0, _defineProperty2["default"])(_this, "getPositionDirection", function (choicePosition) {
       var flexDirection;
       var justifyContent;
@@ -162,8 +256,10 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
     });
     _this.state = {
       activeDragItem: null,
-      dropAnimation: undefined
+      dropAnimation: undefined,
+      selectedItem: null
     };
+    _this.lastDragEndAt = 0;
     return _this;
   }
   (0, _inherits2["default"])(DragInTheBlank, _React$Component);
@@ -194,7 +290,14 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
       return /*#__PURE__*/_react["default"].createElement(_drag.DragProvider, {
         onDragStart: this.handleDragStart,
         onDragEnd: this.handleDragEnd,
-        collisionDetection: _core.rectIntersection
+        onDragCancel: this.onDragCancel,
+        collisionDetection: _core.rectIntersection,
+        keyboardCoordinateGetter: _keyboardCoordinates.closestDroppableKeyboardCoordinates,
+        keyboardCodes: {
+          start: ['Space', 'Enter'],
+          cancel: ['Escape'],
+          end: ['Space', 'Enter']
+        }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         ref: function ref(_ref) {
           return _this2.rootRef = _ref;
@@ -206,7 +309,10 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
         value: value,
         duplicates: duplicates,
         disabled: disabled,
-        instanceId: instanceId
+        instanceId: instanceId,
+        selectedItem: this.state.selectedItem,
+        onSelectClick: this.onItemClick,
+        onPlacementClick: this.onPlacementClick
       }), /*#__PURE__*/_react["default"].createElement(Masked, {
         elementType: "drag-in-the-blank",
         markup: markup,
@@ -222,7 +328,10 @@ var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Componen
         emptyResponseAreaWidth: emptyResponseAreaWidth,
         emptyResponseAreaHeight: emptyResponseAreaHeight,
         instanceId: instanceId,
-        isDragging: !!this.state.activeDragItem
+        isDragging: !!this.state.activeDragItem,
+        selectedItem: this.state.selectedItem,
+        onSelectClick: this.onItemClick,
+        onPlacementClick: this.onPlacementClick
       }), /*#__PURE__*/_react["default"].createElement(_core.DragOverlay, {
         style: {
           pointerEvents: 'none'

package/lib/drag-in-the-blank.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-in-the-blank.js","names":["_react","_interopRequireDefault","require","_propTypes","_drag","_core","_choices","_choice","_blank","_withMask","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Masked","withMask","props","node","data","onChange","_node$data","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","emptyResponseAreaWidth","emptyResponseAreaHeight","instanceId","isDragging","choiceId","id","choice","choices","find","c","createElement","key","concat","type","correct","newData","undefined","DragInTheBlank","exports","_React$Component","_this","_classCallCheck2","event","_active$data","active","current","setState","activeDragItem","dropAnimation","state","_active$data2","_over$data","_dropData$accepts","over","_this$props","value","draggedData","dropData","isValidDrop","accepts","includes","draggedItem","targetId","toChoiceBoard","fromChoice","newValue","choicePosition","flexDirection","justifyContent","alignItems","_inherits2","_createClass2","render","_this2","_this$props2","markup","choicesPosition","layout","style","display","minWidth","getPositionDirection","DragProvider","onDragStart","handleDragStart","onDragEnd","handleDragEnd","collisionDetection","rectIntersection","ref","rootRef","elementType","DragOverlay","pointerEvents","renderDragOverlay","React","Component","PropTypes","string","object","array","func","bool","oneOfType","number"],"sources":["../src/drag-in-the-blank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragProvider } from '@pie-lib/drag';\nimport { DragOverlay, rectIntersection } from '@dnd-kit/core';\nimport Choices from './choices';\nimport Choice from './choices/choice';\nimport Blank from './components/blank';\nimport { withMask } from './with-mask';\n\nconst Masked = withMask('blank', (props) => (node, data, onChange) => {\n  const dataset = node.data?.dataset || {};\n  if (dataset.component === 'blank') {\n    // eslint-disable-next-line react/prop-types\n    const {\n      disabled,\n      duplicates,\n      correctResponse,\n      feedback,\n      showCorrectAnswer,\n      emptyResponseAreaWidth,\n      emptyResponseAreaHeight,\n      instanceId,\n      isDragging,\n    } = props;\n    const choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];\n    // eslint-disable-next-line react/prop-types\n    const choice = choiceId && props.choices.find((c) => c.id === choiceId);\n\n    return (\n      <Blank\n        key={`${node.type}-${dataset.id}`}\n        correct={showCorrectAnswer || (feedback && feedback[dataset.id])}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        id={dataset.id}\n        emptyResponseAreaWidth={emptyResponseAreaWidth}\n        emptyResponseAreaHeight={emptyResponseAreaHeight}\n        onChange={(id, choiceId) => {\n          const newData = { ...data };\n          if (choiceId === undefined) {\n            delete newData[id];\n          } else {\n            newData[id] = choiceId;\n          }\n          onChange(newData);\n        }}\n        instanceId={instanceId}\n        isDragging={isDragging}\n      />\n    );\n  }\n});\n\nexport default class DragInTheBlank extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeDragItem: null,\n      dropAnimation: undefined,\n    };\n  }\n\n  static propTypes = {\n    markup: PropTypes.string,\n    layout: PropTypes.object,\n    choicesPosition: PropTypes.string,\n    choices: PropTypes.array,\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    duplicates: PropTypes.bool,\n    disabled: PropTypes.bool,\n    feedback: PropTypes.object,\n    correctResponse: PropTypes.object,\n    showCorrectAnswer: PropTypes.bool,\n    emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    instanceId: PropTypes.string,\n  };\n\n  static defaultProps = {\n    instanceId: 'drag-in-the-blank',\n  };\n\n  handleDragStart = (event) => {\n    const { active } = event;\n\n    if (active?.data?.current) {\n      this.setState({\n        activeDragItem: active.data.current,\n        dropAnimation: undefined, // default during drag\n      });\n    }\n  };\n\n  renderDragOverlay = () => {\n    const { activeDragItem } = this.state;\n    if (!activeDragItem) return null;\n\n    if (activeDragItem.type === 'MaskBlank') {\n      return (\n        <Choice\n          disabled={activeDragItem.disabled}\n          choice={activeDragItem.choice}\n          instanceId={activeDragItem.instanceId}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  handleDragEnd = (event) => {\n    const { active, over } = event;\n    const { onChange, value } = this.props;\n\n    const draggedData = active?.data?.current;\n    const dropData = over?.data?.current;\n\n    const isValidDrop =\n      !!active && !!over && draggedData?.type === 'MaskBlank' && dropData?.accepts?.includes('MaskBlank');\n\n    // Only animate back when drop is invalid\n    this.setState({\n      activeDragItem: null,\n      dropAnimation: isValidDrop ? null : undefined,\n    });\n\n    if (!isValidDrop || !onChange) return;\n\n    const draggedItem = draggedData;\n    const targetId = dropData.id;\n\n    if (dropData.toChoiceBoard === true) {\n      if (!draggedItem.fromChoice && draggedItem.id) {\n        const newValue = { ...value };\n        delete newValue[draggedItem.id];\n        onChange(newValue);\n      }\n    } else if (draggedItem.fromChoice === true) {\n      if (targetId && targetId !== 'drag-in-the-blank-droppable') {\n        const newValue = { ...value };\n        newValue[targetId] = draggedItem.choice.id;\n        onChange(newValue);\n      }\n    } else if (draggedItem.id && draggedItem.id !== targetId) {\n      const newValue = { ...value };\n      newValue[targetId] = draggedItem.choice.id;\n      delete newValue[draggedItem.id];\n      onChange(newValue);\n    }\n  };\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n    let justifyContent;\n    let alignItems;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row';\n        alignItems = 'center';\n        break;\n      case 'right':\n        flexDirection = 'row-reverse';\n        justifyContent = 'flex-end';\n        alignItems = 'center';\n        break;\n      case 'below':\n        flexDirection = 'column-reverse';\n        break;\n      default:\n        // above\n        flexDirection = 'column';\n        break;\n    }\n\n    return { flexDirection, justifyContent, alignItems };\n  };\n\n  render() {\n    const {\n      markup,\n      duplicates,\n      value,\n      onChange,\n      choicesPosition,\n      choices,\n      correctResponse,\n      disabled,\n      feedback,\n      showCorrectAnswer,\n      emptyResponseAreaWidth,\n      emptyResponseAreaHeight,\n      layout,\n      instanceId,\n    } = this.props;\n\n    const choicePosition = choicesPosition || 'below';\n    const style = { display: 'flex', minWidth: '100px', ...this.getPositionDirection(choicePosition) };\n\n    return (\n      <DragProvider\n        onDragStart={this.handleDragStart}\n        onDragEnd={this.handleDragEnd}\n        collisionDetection={rectIntersection}\n      >\n        <div ref={(ref) => (this.rootRef = ref)} style={style}>\n          <Choices\n            choicePosition={choicePosition}\n            choices={choices}\n            value={value}\n            duplicates={duplicates}\n            disabled={disabled}\n            instanceId={instanceId}\n          />\n          <Masked\n            elementType=\"drag-in-the-blank\"\n            markup={markup}\n            layout={layout}\n            value={value}\n            choices={choices}\n            onChange={onChange}\n            disabled={disabled}\n            duplicates={duplicates}\n            feedback={feedback}\n            correctResponse={correctResponse}\n            showCorrectAnswer={showCorrectAnswer}\n            emptyResponseAreaWidth={emptyResponseAreaWidth}\n            emptyResponseAreaHeight={emptyResponseAreaHeight}\n            instanceId={instanceId}\n            isDragging={!!this.state.activeDragItem}\n          />\n          <DragOverlay style={{ pointerEvents: 'none' }} dropAnimation={this.state.dropAnimation}>\n            {this.renderDragOverlay()}\n          </DragOverlay>\n        </div>\n      </DragProvider>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"drag-in-the-blank.js","names":["_react","_interopRequireDefault","require","_propTypes","_drag","_core","_choices","_choice","_blank","_withMask","_keyboardCoordinates","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","CLICK_AFTER_DRAG_GUARD_MS","Masked","withMask","props","node","data","onChange","_node$data","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","emptyResponseAreaWidth","emptyResponseAreaHeight","instanceId","isDragging","selectedItem","onSelectClick","onPlacementClick","choiceId","id","choice","choices","find","c","createElement","key","concat","type","correct","newData","undefined","DragInTheBlank","exports","_React$Component","_this","_classCallCheck2","event","_active$data","active","current","setState","activeDragItem","dropAnimation","state","draggedItem","targetId","_this$props","value","fromChoice","newValue","_active$data2","_over$data","_dropData$accepts","over","draggedData","dropData","isValidDrop","accepts","includes","cancelSelection","lastDragEndAt","Date","now","toChoiceBoard","commitPlacement","a","b","isSameItem","document","dispatchEvent","KeyboardEvent","code","bubbles","cancelable","endAnyLiveKeyboardDrag","isClickSoonAfterDragEnd","toggleItemSelection","placeSelectedItem","choicePosition","flexDirection","justifyContent","alignItems","_inherits2","_createClass2","render","_this2","_this$props2","markup","choicesPosition","layout","style","display","minWidth","getPositionDirection","DragProvider","onDragStart","handleDragStart","onDragEnd","handleDragEnd","onDragCancel","collisionDetection","rectIntersection","keyboardCoordinateGetter","closestDroppableKeyboardCoordinates","keyboardCodes","start","cancel","end","ref","rootRef","onItemClick","elementType","DragOverlay","pointerEvents","renderDragOverlay","React","Component","PropTypes","string","object","array","func","bool","oneOfType","number"],"sources":["../src/drag-in-the-blank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragProvider } from '@pie-lib/drag';\nimport { DragOverlay, rectIntersection } from '@dnd-kit/core';\nimport Choices from './choices';\nimport Choice from './choices/choice';\nimport Blank from './components/blank';\nimport { withMask } from './with-mask';\nimport { closestDroppableKeyboardCoordinates } from './keyboard-coordinates';\n\n// A click that lands right after a real drag gesture ends (pointer drag-and-drop, or\n// the browser's own synthetic click for a keyboard Space/Enter) must be ignored by the\n// click-to-select/click-to-place handlers below, or it would immediately reopen or\n// re-trigger a selection for a drag that just completed.\nconst CLICK_AFTER_DRAG_GUARD_MS = 250;\n\nconst Masked = withMask('blank', (props) => (node, data, onChange) => {\n  const dataset = node.data?.dataset || {};\n  if (dataset.component === 'blank') {\n    // eslint-disable-next-line react/prop-types\n    const {\n      disabled,\n      duplicates,\n      correctResponse,\n      feedback,\n      showCorrectAnswer,\n      emptyResponseAreaWidth,\n      emptyResponseAreaHeight,\n      instanceId,\n      isDragging,\n      selectedItem,\n      onSelectClick,\n      onPlacementClick,\n    } = props;\n    const choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];\n    // eslint-disable-next-line react/prop-types\n    const choice = choiceId && props.choices.find((c) => c.id === choiceId);\n\n    return (\n      <Blank\n        key={`${node.type}-${dataset.id}`}\n        correct={showCorrectAnswer || (feedback && feedback[dataset.id])}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        id={dataset.id}\n        emptyResponseAreaWidth={emptyResponseAreaWidth}\n        emptyResponseAreaHeight={emptyResponseAreaHeight}\n        onChange={(id, choiceId) => {\n          const newData = { ...data };\n          if (choiceId === undefined) {\n            delete newData[id];\n          } else {\n            newData[id] = choiceId;\n          }\n          onChange(newData);\n        }}\n        instanceId={instanceId}\n        isDragging={isDragging}\n        selectedItem={selectedItem}\n        onSelectClick={onSelectClick}\n        onPlacementClick={onPlacementClick}\n      />\n    );\n  }\n});\n\nexport default class DragInTheBlank extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeDragItem: null,\n      dropAnimation: undefined,\n      selectedItem: null,\n    };\n    this.lastDragEndAt = 0;\n  }\n\n  static propTypes = {\n    markup: PropTypes.string,\n    layout: PropTypes.object,\n    choicesPosition: PropTypes.string,\n    choices: PropTypes.array,\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    duplicates: PropTypes.bool,\n    disabled: PropTypes.bool,\n    feedback: PropTypes.object,\n    correctResponse: PropTypes.object,\n    showCorrectAnswer: PropTypes.bool,\n    emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    instanceId: PropTypes.string,\n  };\n\n  static defaultProps = {\n    instanceId: 'drag-in-the-blank',\n  };\n\n  handleDragStart = (event) => {\n    const { active } = event;\n\n    if (active?.data?.current) {\n      this.setState({\n        activeDragItem: active.data.current,\n        dropAnimation: undefined, // default during drag\n        selectedItem: active.data.current,\n      });\n    }\n  };\n\n  renderDragOverlay = () => {\n    const { activeDragItem } = this.state;\n    if (!activeDragItem) return null;\n\n    if (activeDragItem.type === 'MaskBlank') {\n      return (\n        <Choice\n          disabled={activeDragItem.disabled}\n          choice={activeDragItem.choice}\n          instanceId={activeDragItem.instanceId}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  // Shared placement logic for both the drag-end path and the click-to-place path, so\n  // neither reimplements the other's mutation rules.\n  //\n  // `targetId === undefined` means \"the choice board\" — placing there removes the item\n  // from wherever it currently is (mirroring image-cloze-association's\n  // `containerIndex === undefined` convention for its own choices pool).\n  commitPlacement = (draggedItem, targetId) => {\n    const { onChange, value } = this.props;\n\n    if (!onChange) return;\n\n    if (targetId === undefined) {\n      if (!draggedItem.fromChoice && draggedItem.id) {\n        const newValue = { ...value };\n        delete newValue[draggedItem.id];\n        onChange(newValue);\n      }\n      return;\n    }\n\n    if (draggedItem.fromChoice === true) {\n      const newValue = { ...value };\n      newValue[targetId] = draggedItem.choice.id;\n      onChange(newValue);\n    } else if (draggedItem.id && draggedItem.id !== targetId) {\n      const newValue = { ...value };\n      newValue[targetId] = draggedItem.choice.id;\n      delete newValue[draggedItem.id];\n      onChange(newValue);\n    }\n  };\n\n  handleDragEnd = (event) => {\n    const { active, over } = event;\n\n    const draggedData = active?.data?.current;\n    const dropData = over?.data?.current;\n\n    const isValidDrop =\n      !!active && !!over && draggedData?.type === 'MaskBlank' && dropData?.accepts?.includes('MaskBlank');\n\n    // Only animate back when drop is invalid\n    this.setState({\n      activeDragItem: null,\n      dropAnimation: isValidDrop ? null : undefined,\n    });\n\n    this.cancelSelection();\n    this.lastDragEndAt = Date.now();\n\n    if (!isValidDrop) return;\n\n    const targetId = dropData.toChoiceBoard === true ? undefined : dropData.id;\n\n    this.commitPlacement(draggedData, targetId);\n  };\n\n  onDragCancel = () => {\n    this.setState({ activeDragItem: null, dropAnimation: undefined });\n    this.cancelSelection();\n    this.lastDragEndAt = Date.now();\n  };\n\n  isSameItem = (a, b) => {\n    if (!a || !b || a.fromChoice !== b.fromChoice) return false;\n    return a.fromChoice ? a.choice.id === b.choice.id : a.id === b.id;\n  };\n\n  // Click-to-select semantics: selecting the currently-selected item again clears the\n  // selection instead of re-selecting it.\n  toggleItemSelection = (data) => {\n    this.setState((state) => ({\n      selectedItem: this.isSameItem(state.selectedItem, data) ? null : data,\n    }));\n  };\n\n  cancelSelection = () => {\n    this.setState({ selectedItem: null });\n  };\n\n  // If a real dnd-kit drag (started via keyboard Space/Enter) is still live when a\n  // click completes the placement below, it needs to be cleanly ended — otherwise\n  // dnd-kit would still think a drag is in progress. Escape is already configured as\n  // this sensor's cancel key (see the keyboardCodes passed to DragProvider below), and\n  // dispatching it as a real DOM KeyboardEvent is how dnd-kit's own document-level\n  // listener is reached from outside its sensor.\n  //\n  // Only dispatch when a drag is actually live — this is a synthetic Escape keydown on\n  // `document`, so an unconditional dispatch would also be observed by any other\n  // document-level Escape listener (host player modals/dialogs, or another mounted\n  // instance of this same component) even when nothing here actually needed cancelling.\n  endAnyLiveKeyboardDrag = () => {\n    if (!this.state.activeDragItem) return;\n\n    document.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape', bubbles: true, cancelable: true }));\n  };\n\n  placeSelectedItem = (targetId) => {\n    const { selectedItem } = this.state;\n\n    if (!selectedItem) return;\n\n    this.commitPlacement(selectedItem, targetId);\n    this.cancelSelection();\n    this.endAnyLiveKeyboardDrag();\n  };\n\n  isClickSoonAfterDragEnd = () => Date.now() - this.lastDragEndAt < CLICK_AFTER_DRAG_GUARD_MS;\n\n  onItemClick = (data) => {\n    if (this.isClickSoonAfterDragEnd()) return;\n\n    // End any still-live keyboard drag BEFORE toggling the new selection: ending it\n    // also cancels the current selection as a side effect (see onDragCancel above), so\n    // doing it before — not after — lets this click's own selection be the one that\n    // sticks.\n    this.endAnyLiveKeyboardDrag();\n    this.toggleItemSelection(data);\n  };\n\n  onPlacementClick = (targetId) => {\n    if (this.isClickSoonAfterDragEnd()) return;\n\n    this.placeSelectedItem(targetId);\n  };\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n    let justifyContent;\n    let alignItems;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row';\n        alignItems = 'center';\n        break;\n      case 'right':\n        flexDirection = 'row-reverse';\n        justifyContent = 'flex-end';\n        alignItems = 'center';\n        break;\n      case 'below':\n        flexDirection = 'column-reverse';\n        break;\n      default:\n        // above\n        flexDirection = 'column';\n        break;\n    }\n\n    return { flexDirection, justifyContent, alignItems };\n  };\n\n  render() {\n    const {\n      markup,\n      duplicates,\n      value,\n      onChange,\n      choicesPosition,\n      choices,\n      correctResponse,\n      disabled,\n      feedback,\n      showCorrectAnswer,\n      emptyResponseAreaWidth,\n      emptyResponseAreaHeight,\n      layout,\n      instanceId,\n    } = this.props;\n\n    const choicePosition = choicesPosition || 'below';\n    const style = { display: 'flex', minWidth: '100px', ...this.getPositionDirection(choicePosition) };\n\n    return (\n      <DragProvider\n        onDragStart={this.handleDragStart}\n        onDragEnd={this.handleDragEnd}\n        onDragCancel={this.onDragCancel}\n        collisionDetection={rectIntersection}\n        keyboardCoordinateGetter={closestDroppableKeyboardCoordinates}\n        keyboardCodes={{ start: ['Space', 'Enter'], cancel: ['Escape'], end: ['Space', 'Enter'] }}\n      >\n        <div ref={(ref) => (this.rootRef = ref)} style={style}>\n          <Choices\n            choicePosition={choicePosition}\n            choices={choices}\n            value={value}\n            duplicates={duplicates}\n            disabled={disabled}\n            instanceId={instanceId}\n            selectedItem={this.state.selectedItem}\n            onSelectClick={this.onItemClick}\n            onPlacementClick={this.onPlacementClick}\n          />\n          <Masked\n            elementType=\"drag-in-the-blank\"\n            markup={markup}\n            layout={layout}\n            value={value}\n            choices={choices}\n            onChange={onChange}\n            disabled={disabled}\n            duplicates={duplicates}\n            feedback={feedback}\n            correctResponse={correctResponse}\n            showCorrectAnswer={showCorrectAnswer}\n            emptyResponseAreaWidth={emptyResponseAreaWidth}\n            emptyResponseAreaHeight={emptyResponseAreaHeight}\n            instanceId={instanceId}\n            isDragging={!!this.state.activeDragItem}\n            selectedItem={this.state.selectedItem}\n            onSelectClick={this.onItemClick}\n            onPlacementClick={this.onPlacementClick}\n          />\n          <DragOverlay style={{ pointerEvents: 'none' }} dropAnimation={this.state.dropAnimation}>\n            {this.renderDragOverlay()}\n          </DragOverlay>\n        </div>\n      </DragProvider>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/keyboard-coordinates.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.closestDroppableKeyboardCoordinates = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _core = require("@dnd-kit/core");
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+// Matches the id `drag-in-the-blank-dp.jsx` registers for the choice board's droppable.
+var CHOICE_BOARD_ID = 'drag-in-the-blank-droppable';
+
+/**
+ * Custom keyboard coordinate getter for drag-in-the-blank's Tab-based placement.
+ *
+ * Tab/Shift+Tab cycle the dragged item directly onto the next/previous enabled
+ * droppable — a blank (`mask-blank-drop-{id}`), sorted by on-screen position
+ * (top-to-bottom, then left-to-right, since blanks sit inline in flowing text rather
+ * than a simple list) — followed by the choice board as a fixed last stop (see below
+ * for why the board isn't sorted alongside the blanks).
+ *
+ * Arrow keys are delegated to dnd-kit's own `defaultKeyboardCoordinateGetter`, leaving
+ * the existing free-form arrow-key dragging behavior completely unchanged.
+ */
+var closestDroppableKeyboardCoordinates = exports.closestDroppableKeyboardCoordinates = function closestDroppableKeyboardCoordinates(event, _ref) {
+  var _active$data;
+  var active = _ref.active,
+    context = _ref.context,
+    currentCoordinates = _ref.currentCoordinates;
+  var code = event.code;
+  var isTab = code === _core.KeyboardCode.Tab;
+  var isArrow = code === _core.KeyboardCode.Down || code === _core.KeyboardCode.Up || code === _core.KeyboardCode.Left || code === _core.KeyboardCode.Right;
+  if (!isTab && !isArrow) {
+    return undefined;
+  }
+  if (isArrow) {
+    return (0, _core.defaultKeyboardCoordinateGetter)(event, {
+      context: context,
+      currentCoordinates: currentCoordinates
+    });
+  }
+  event.preventDefault();
+  var droppableRects = context.droppableRects,
+    droppableContainers = context.droppableContainers,
+    collisionRect = context.collisionRect;
+  if (!droppableRects || droppableRects.size === 0) {
+    return currentCoordinates;
+  }
+
+  // A blank is itself a droppable for its own slot ("mask-blank-drop-{id}"), and
+  // simultaneously draggable from that same slot — the same shape as match-list's
+  // placed "target" tiles. That self drop-zone must never be treated as a navigable
+  // target: exclude it outright rather than relying on a distance threshold.
+  var draggedData = active === null || active === void 0 || (_active$data = active.data) === null || _active$data === void 0 ? void 0 : _active$data.current;
+  var ownDropId = draggedData && draggedData.fromChoice === false && draggedData.id != null ? "mask-blank-drop-".concat(draggedData.id) : undefined;
+  var targets = [];
+  var boardTarget;
+  var _iterator = _createForOfIteratorHelper(droppableContainers),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
+        id = _step$value[0],
+        container = _step$value[1];
+      if (container !== null && container !== void 0 && container.disabled) continue;
+      if (id === ownDropId) continue;
+      var rect = droppableRects.get(id);
+      if (!rect) continue;
+      var center = {
+        x: rect.left + rect.width / 2,
+        y: rect.top + rect.height / 2
+      };
+      // Land the dragged item's own top-left corner at the target's center-left point,
+      // rather than at the target's own top-left corner (avoids overshooting into a
+      // neighboring droppable when the target is much wider than the dragged item).
+      var dropPosition = {
+        x: rect.left,
+        y: rect.top + rect.height / 2
+      };
+      var target = {
+        id: id,
+        rect: rect,
+        dropPosition: dropPosition,
+        center: center
+      };
+      if (id === CHOICE_BOARD_ID) {
+        boardTarget = target;
+      } else {
+        targets.push(target);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (targets.length === 0 && !boardTarget) {
+    return currentCoordinates;
+  }
+  var reverse = event.shiftKey;
+  targets.sort(function (a, b) {
+    if (Math.abs(a.center.y - b.center.y) > 10) return a.center.y - b.center.y;
+    return a.center.x - b.center.x;
+  });
+
+  // The choice board can be an arbitrarily large container — e.g. several choices
+  // stacked beside the markup (`choicePosition: 'right'`/`'left'`) — so its own center
+  // can land anywhere relative to the blanks it sits beside, including numerically
+  // between two of them. Sorting it by position the same way as a blank would then
+  // interleave it into the middle of the cycle, making a single Tab press jump over
+  // more than one blank (confirmed live: with 3 stacked choices beside wrapped text,
+  // the board's center fell between blank 2 and blank 3, so the very first Tab press
+  // from the pool landed on blank 3, skipping blanks 1 and 2 entirely). Anchor it as a
+  // fixed stop after every blank, in every layout, instead of trusting its own bounds.
+  if (boardTarget) {
+    targets.push(boardTarget);
+  }
+
+  // Find the current target: whichever target's rect actually contains the dragged
+  // item's own center. This holds regardless of how the dragged item's size compares
+  // to the target's — a compact chip landed (per `dropPosition` above) at a much wider
+  // target's left edge is still contained within that target's rect. Comparing
+  // distances between reconstructed centers instead breaks down for exactly that shape
+  // (a small item in a much wider target): the reconstructed center can end up closer
+  // to a completely different droppable than to the one the item is actually sitting
+  // on, so the *next* press re-matches the wrong target and looks like it does nothing.
+  var draggedCenter = collisionRect ? {
+    x: collisionRect.left + collisionRect.width / 2,
+    y: collisionRect.top + collisionRect.height / 2
+  } : currentCoordinates;
+  var currentIndex = targets.findIndex(function (t) {
+    return 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) {
+    var minDist = Infinity;
+    for (var i = 0; i < targets.length; i++) {
+      var dist = distance(currentCoordinates, targets[i].dropPosition);
+      if (dist < minDist) {
+        minDist = dist;
+        currentIndex = i;
+      }
+    }
+  }
+  var nextIndex = reverse ? (currentIndex - 1 + targets.length) % targets.length : (currentIndex + 1) % targets.length;
+  return targets[nextIndex].dropPosition;
+};
+var distance = function distance(a, b) {
+  return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
+};
+//# sourceMappingURL=keyboard-coordinates.js.map

package/lib/keyboard-coordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-coordinates.js","names":["_core","require","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","CHOICE_BOARD_ID","closestDroppableKeyboardCoordinates","exports","event","_ref","_active$data","active","context","currentCoordinates","code","isTab","KeyboardCode","Tab","isArrow","Down","Up","Left","Right","undefined","defaultKeyboardCoordinateGetter","preventDefault","droppableRects","droppableContainers","collisionRect","size","draggedData","data","current","ownDropId","fromChoice","id","concat","targets","boardTarget","_iterator","_step","_step$value","_slicedToArray2","container","disabled","rect","get","center","x","left","width","y","top","height","dropPosition","target","push","err","reverse","shiftKey","sort","b","Math","abs","draggedCenter","currentIndex","findIndex","right","bottom","minDist","Infinity","i","dist","distance","nextIndex","sqrt","pow"],"sources":["../src/keyboard-coordinates.js"],"sourcesContent":["import { defaultKeyboardCoordinateGetter, KeyboardCode } from '@dnd-kit/core';\n\n// Matches the id `drag-in-the-blank-dp.jsx` registers for the choice board's droppable.\nconst CHOICE_BOARD_ID = 'drag-in-the-blank-droppable';\n\n/**\n * Custom keyboard coordinate getter for drag-in-the-blank's Tab-based placement.\n *\n * Tab/Shift+Tab cycle the dragged item directly onto the next/previous enabled\n * droppable — a blank (`mask-blank-drop-{id}`), sorted by on-screen position\n * (top-to-bottom, then left-to-right, since blanks sit inline in flowing text rather\n * than a simple list) — followed by the choice board as a fixed last stop (see below\n * for why the board isn't sorted alongside the blanks).\n *\n * Arrow keys are delegated to dnd-kit's own `defaultKeyboardCoordinateGetter`, leaving\n * the existing free-form arrow-key dragging behavior completely unchanged.\n */\nexport const closestDroppableKeyboardCoordinates = (event, { active, context, currentCoordinates }) => {\n  const { code } = event;\n  const isTab = code === KeyboardCode.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  if (isArrow) {\n    return defaultKeyboardCoordinateGetter(event, { context, currentCoordinates });\n  }\n\n  event.preventDefault();\n\n  const { droppableRects, droppableContainers, collisionRect } = context;\n\n  if (!droppableRects || droppableRects.size === 0) {\n    return currentCoordinates;\n  }\n\n  // A blank is itself a droppable for its own slot (\"mask-blank-drop-{id}\"), and\n  // simultaneously draggable from that same slot — the same shape as match-list's\n  // placed \"target\" tiles. That self drop-zone must never be treated as a navigable\n  // target: exclude it outright rather than relying on a distance threshold.\n  const draggedData = active?.data?.current;\n  const ownDropId =\n    draggedData && draggedData.fromChoice === false && draggedData.id != null\n      ? `mask-blank-drop-${draggedData.id}`\n      : undefined;\n\n  const targets = [];\n  let boardTarget;\n\n  for (const [id, container] of droppableContainers) {\n    if (container?.disabled) continue;\n    if (id === ownDropId) continue;\n\n    const rect = droppableRects.get(id);\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 (avoids overshooting into a\n    // neighboring droppable when the target is much wider than the dragged item).\n    const dropPosition = {\n      x: rect.left,\n      y: rect.top + rect.height / 2,\n    };\n\n    const target = { id, rect, dropPosition, center };\n\n    if (id === CHOICE_BOARD_ID) {\n      boardTarget = target;\n    } else {\n      targets.push(target);\n    }\n  }\n\n  if (targets.length === 0 && !boardTarget) {\n    return currentCoordinates;\n  }\n\n  const reverse = event.shiftKey;\n\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  // The choice board can be an arbitrarily large container — e.g. several choices\n  // stacked beside the markup (`choicePosition: 'right'`/`'left'`) — so its own center\n  // can land anywhere relative to the blanks it sits beside, including numerically\n  // between two of them. Sorting it by position the same way as a blank would then\n  // interleave it into the middle of the cycle, making a single Tab press jump over\n  // more than one blank (confirmed live: with 3 stacked choices beside wrapped text,\n  // the board's center fell between blank 2 and blank 3, so the very first Tab press\n  // from the pool landed on blank 3, skipping blanks 1 and 2 entirely). Anchor it as a\n  // fixed stop after every blank, in every layout, instead of trusting its own bounds.\n  if (boardTarget) {\n    targets.push(boardTarget);\n  }\n\n  // Find the current target: whichever target's rect actually contains the dragged\n  // item's own center. This holds regardless of how the dragged item's size compares\n  // to the target's — a compact chip landed (per `dropPosition` above) at a much wider\n  // target's left edge is still contained within that target's rect. Comparing\n  // distances between reconstructed centers instead breaks down for exactly that shape\n  // (a small item in a much wider target): the reconstructed center can end up closer\n  // to a completely different droppable than to the one the item is actually sitting\n  // on, so the *next* press re-matches the wrong target and looks like it does nothing.\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) =>\n      draggedCenter.x >= t.rect.left &&\n      draggedCenter.x <= t.rect.right &&\n      draggedCenter.y >= t.rect.top &&\n      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  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":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "3.0.14-next.35+dc4465159",
+  "version": "3.0.14-next.42+cfa076a8a",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -13,10 +13,10 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.0.7-next.58+dc4465159",
-    "@pie-lib/editable-html-tip-tap": "^2.1.12-next.35+dc4465159",
+    "@pie-lib/drag": "^4.0.7-next.65+cfa076a8a",
+    "@pie-lib/editable-html-tip-tap": "^2.1.12-next.42+cfa076a8a",
     "@pie-lib/math-rendering": "^5.1.0",
-    "@pie-lib/render-ui": "^6.1.4-next.58+dc4465159",
+    "@pie-lib/render-ui": "^6.1.4-next.65+cfa076a8a",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
@@ -28,5 +28,5 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "gitHead": "dc4465159da9d72020651fab10b4ab5281ad3bdd"
+  "gitHead": "cfa076a8a8c5b9528ad666b8e41e631e86e0df29"
 }