@pie-lib/mask-markup 3.1.4 → 4.0.0-next.37

package/lib/components/blank.js

@@ -1,489 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _mathRendering = require("@pie-lib/math-rendering");
-var _debug = _interopRequireDefault(require("debug"));
-var _core = require("@dnd-kit/core");
-var _styles = require("@mui/material/styles");
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _renderUi = require("@pie-lib/render-ui");
-var _colors = require("@mui/material/colors");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, 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; }
-var log = (0, _debug["default"])('pie-lib:mask-markup:blank');
-var StyledContent = (0, _styles.styled)('span')(function (_ref) {
-  var dragged = _ref.dragged,
-    over = _ref.over,
-    selected = _ref.selected,
-    showsPointerCursor = _ref.showsPointerCursor;
-  return _objectSpread(_objectSpread(_objectSpread({
-    border: "solid 0px ".concat(_renderUi.color.primary()),
-    minWidth: '200px',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    opacity: 1,
-    cursor: 'default'
-  }, over && {
-    whiteSpace: 'nowrap',
-    overflow: 'hidden'
-  }), (dragged || selected) && {
-    opacity: 0.5
-  }), showsPointerCursor && {
-    '&:hover': {
-      cursor: 'pointer'
-    }
-  });
-});
-var StyledDragHandle = (0, _styles.styled)('span')({
-  display: 'inline-flex',
-  touchAction: 'none'
-});
-var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
-  return {
-    backgroundColor: _renderUi.color.background(),
-    border: "2px dashed ".concat(_renderUi.color.text()),
-    touchAction: 'none',
-    color: _renderUi.color.text(),
-    fontSize: 'inherit',
-    maxWidth: '374px',
-    position: 'relative',
-    borderRadius: '3px',
-    '&.over': {
-      whiteSpace: 'nowrap',
-      overflow: 'hidden'
-    },
-    '&.parentOver': {
-      border: "1px solid ".concat(_colors.grey[500]),
-      backgroundColor: "".concat(_colors.grey[300])
-    },
-    '&.correct': {
-      border: "solid 1px ".concat(_renderUi.color.correct())
-    },
-    '&.incorrect': {
-      border: "solid 1px ".concat(_renderUi.color.incorrect())
-    },
-    '&.Mui-disabled': {
-      opacity: 1
-    }
-  };
-});
-var StyledChipLabel = (0, _styles.styled)('span')(function () {
-  return {
-    whiteSpace: 'normal',
-    // Added for touch devices, for image content.
-    // This will prevent the context menu from appearing and not allowing other interactions with the image.
-    // If interactions with the image in the token will be requested we should handle only the context Menu.
-    pointerEvents: 'none',
-    '& img': {
-      display: 'block',
-      padding: '2px 0'
-    },
-    // Remove default <p> margins to ensure consistent spacing across all wrapped content (p, span, div, math)
-    // Padding for top and bottom will instead be controlled by the container for consistent layout
-    // Ensures consistent behavior with pie-api-browser, where marginTop is already removed by a Bootstrap stylesheet
-    '& p': {
-      marginTop: '0',
-      marginBottom: '0'
-    },
-    '& mjx-frac': {
-      fontSize: '120% !important'
-    },
-    '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {
-      fontSize: '120% !important'
-    },
-    '&.over': {
-      whiteSpace: 'nowrap',
-      overflow: 'hidden'
-    },
-    '&.hidden': {
-      color: 'transparent',
-      opacity: 0
-    },
-    '&.dragged': {
-      position: 'absolute',
-      left: 16,
-      maxWidth: '60px',
-      top: '50%',
-      transform: 'translateY(-50%)'
-    }
-  };
-});
-function BlankContent(_ref2) {
-  var _dragItem$choice, _frozenRef$current, _frozenRef$current2;
-  var disabled = _ref2.disabled,
-    choice = _ref2.choice,
-    isOver = _ref2.isOver,
-    isDragging = _ref2.isDragging,
-    dragItem = _ref2.dragItem,
-    correct = _ref2.correct,
-    emptyResponseAreaWidth = _ref2.emptyResponseAreaWidth,
-    emptyResponseAreaHeight = _ref2.emptyResponseAreaHeight;
-  var rootRef = (0, _react.useRef)(null);
-  var spanRef = (0, _react.useRef)(null);
-  var frozenRef = (0, _react.useRef)(null); // to use during dragging to prevent flickering
-  var measuringRef = (0, _react.useRef)(false); // guard against ResizeObserver feedback loops
-  var _useState = (0, _react.useState)({
-      height: 0,
-      width: 0
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    dimensions = _useState2[0],
-    setDimensions = _useState2[1];
-  var handleImageLoad = function handleImageLoad() {
-    updateDimensions();
-  };
-  var handleElements = function handleElements() {
-    var _spanRef$current;
-    var imageElement = (_spanRef$current = spanRef.current) === null || _spanRef$current === void 0 ? void 0 : _spanRef$current.querySelector('img');
-    if (imageElement) {
-      imageElement.onload = handleImageLoad;
-    } else {
-      setTimeout(function () {
-        updateDimensions();
-      }, 300);
-    }
-  };
-  var getMeasureNode = function getMeasureNode() {
-    if (!spanRef.current) {
-      return null;
-    }
-    var mjx = spanRef.current.querySelector('mjx-container');
-    if (mjx && spanRef.current.parentElement) {
-      return spanRef.current.parentElement;
-    }
-    var img = spanRef.current.querySelector('img');
-    if (img) {
-      // If there's text alongside the image, measure the full span to capture both dimensions
-      var hasTextContent = spanRef.current.textContent.trim().length > 0;
-      return hasTextContent ? spanRef.current : img;
-    }
-    return spanRef.current;
-  };
-  var updateDimensions = function updateDimensions() {
-    if (spanRef.current && rootRef.current && !measuringRef.current) {
-      measuringRef.current = true;
-      // Temporarily set rootRef width to 'auto' for natural measurement
-      rootRef.current.style.width = 'auto';
-      rootRef.current.style.height = 'auto';
-      rootRef.current.offsetHeight;
-      var measureNode = getMeasureNode();
-      var node = measureNode || spanRef.current;
-      var rect = node.getBoundingClientRect();
-      var width = node.offsetWidth || rect.width || 0;
-      var height = Math.max(node.offsetHeight || 0, rect.height || 0, node.scrollHeight || 0, spanRef.current.scrollHeight || 0);
-      var PADDING = 12;
-      var BORDER_WIDTH = 2;
-      var ADDITIONAL_SPACE = 1;
-      // padding and border on each side
-      var widthWithPadding = width + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;
-      // padding and border on top and bottom
-      var heightWithPadding = height + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;
-      var responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;
-      var responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;
-      var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
-      var adjustedHeight = heightWithPadding <= responseAreaHeight ? responseAreaHeight : heightWithPadding;
-      setDimensions(function (prevState) {
-        return {
-          width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
-          height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
-        };
-      });
-      var nextWidth = "".concat(adjustedWidth, "px");
-      var nextHeight = "".concat(adjustedHeight, "px");
-      if (rootRef.current.style.width !== nextWidth) {
-        rootRef.current.style.width = nextWidth;
-      }
-      if (rootRef.current.style.height !== nextHeight) {
-        rootRef.current.style.height = nextHeight;
-      }
-      measuringRef.current = false;
-    }
-  };
-  var getRootDimensions = function getRootDimensions() {
-    // Handle potential non-numeric values
-    var responseAreaWidth = !isNaN(parseFloat(emptyResponseAreaWidth)) ? parseFloat(emptyResponseAreaWidth) : 0;
-    var responseAreaHeight = !isNaN(parseFloat(emptyResponseAreaHeight)) ? parseFloat(emptyResponseAreaHeight) : 0;
-    var rootStyle = {
-      height: dimensions.height || responseAreaHeight,
-      width: dimensions.width || responseAreaWidth
-    };
-
-    // add minWidth, minHeight if width and height are not defined
-    return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), responseAreaWidth ? {} : {
-      minWidth: 90
-    }), responseAreaHeight ? {} : {
-      minHeight: 32
-    });
-  };
-  (0, _react.useEffect)(function () {
-    handleElements();
-  }, []);
-
-  // Re-measure when the element first becomes visible — covers the tabbed-view case
-  // where the initial measurement happened while the tab was hidden (size 0).
-  (0, _react.useEffect)(function () {
-    if (typeof IntersectionObserver === 'undefined' || !rootRef.current) return undefined;
-    var io = new IntersectionObserver(function (entries) {
-      if (entries.some(function (e) {
-        return e.isIntersecting;
-      })) updateDimensions();
-    }, {
-      threshold: 0
-    });
-    io.observe(rootRef.current);
-    return function () {
-      return io.disconnect();
-    };
-  }, []);
-
-  // Render math for the placeholder/preview when dragging over
-  (0, _react.useEffect)(function () {
-    if (rootRef.current) {
-      (0, _mathRendering.renderMath)(rootRef.current);
-    }
-  }, [correct, isOver, dragItem === null || dragItem === void 0 || (_dragItem$choice = dragItem.choice) === null || _dragItem$choice === void 0 ? void 0 : _dragItem$choice.value]);
-  (0, _react.useEffect)(function () {
-    if (!choice) {
-      setDimensions({
-        height: 0,
-        width: 0
-      });
-      return;
-    }
-    handleElements();
-  }, [choice === null || choice === void 0 ? void 0 : choice.value]);
-  (0, _react.useEffect)(function () {
-    if (!isOver && !isDragging) {
-      frozenRef.current = {
-        width: rootRef.current.offsetWidth,
-        height: rootRef.current.offsetHeight
-      };
-    }
-  }, [choice, isOver, isDragging]);
-  var draggedLabel = dragItem && isOver && dragItem.choice && dragItem.choice.value;
-  var label = choice && choice.value;
-  var style = isOver || isDragging ? {
-    width: (_frozenRef$current = frozenRef.current) === null || _frozenRef$current === void 0 ? void 0 : _frozenRef$current.width,
-    height: (_frozenRef$current2 = frozenRef.current) === null || _frozenRef$current2 === void 0 ? void 0 : _frozenRef$current2.height
-  } : getRootDimensions();
-  return /*#__PURE__*/_react["default"].createElement(StyledChip, {
-    clickable: false,
-    disabled: disabled,
-    ref: rootRef,
-    component: "span",
-    label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledChipLabel, {
-      ref: spanRef,
-      draggable: true,
-      className: (0, _classnames["default"])({
-        over: isOver,
-        hidden: draggedLabel
-      }),
-      dangerouslySetInnerHTML: {
-        __html: label || ''
-      }
-    }), draggedLabel && /*#__PURE__*/_react["default"].createElement(StyledChipLabel, {
-      draggable: true,
-      className: (0, _classnames["default"])({
-        over: isOver,
-        dragged: true
-      }),
-      dangerouslySetInnerHTML: {
-        __html: draggedLabel || ''
-      }
-    })),
-    className: (0, _classnames["default"])({
-      over: isOver,
-      parentOver: isOver,
-      correct: correct !== undefined && correct,
-      incorrect: correct !== undefined && !correct
-    }),
-    variant: disabled ? 'outlined' : undefined,
-    style: style
-  });
-}
-BlankContent.defaultProps = {
-  emptyResponseAreaWidth: 0,
-  emptyResponseAreaHeight: 0
-};
-BlankContent.propTypes = {
-  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  disabled: _propTypes["default"].bool,
-  duplicates: _propTypes["default"].bool,
-  choice: _propTypes["default"].object,
-  isOver: _propTypes["default"].bool,
-  dragItem: _propTypes["default"].object,
-  correct: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  instanceId: _propTypes["default"].string
-};
-
-// New functional component using @dnd-kit hooks
-function DragDropBlank(_ref3) {
-  var _dragItem$data;
-  var id = _ref3.id,
-    disabled = _ref3.disabled,
-    duplicates = _ref3.duplicates,
-    choice = _ref3.choice,
-    correct = _ref3.correct,
-    onChange = _ref3.onChange,
-    emptyResponseAreaWidth = _ref3.emptyResponseAreaWidth,
-    emptyResponseAreaHeight = _ref3.emptyResponseAreaHeight,
-    instanceId = _ref3.instanceId,
-    selectedItem = _ref3.selectedItem,
-    onSelectClick = _ref3.onSelectClick,
-    onPlacementClick = _ref3.onPlacementClick;
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isHovered = _useState4[0],
-    setIsHovered = _useState4[1];
-  var dragData = {
-    id: id,
-    choice: choice,
-    instanceId: instanceId,
-    fromChoice: false,
-    // This is from a blank, not from choices
-    type: 'MaskBlank'
-  };
-
-  // Setup draggable functionality
-  var _useDraggable = (0, _core.useDraggable)({
-      id: "mask-blank-drag-".concat(id),
-      disabled: disabled || !choice,
-      data: dragData,
-      // dnd-kit's own `attributes` default tabIndex to 0 unconditionally, even when
-      // `disabled` — so a non-draggable (empty) blank stays a native Tab stop of its own.
-      // For a drop-zone (droppable blank), 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 blank) or
-      // nothing (for a disabled blank) as the sole stop.
-      attributes: {
-        tabIndex: choice && !disabled ? 0 : -1
-      }
-    }),
-    dragAttributes = _useDraggable.attributes,
-    dragListeners = _useDraggable.listeners,
-    setDragNodeRef = _useDraggable.setNodeRef,
-    isDragging = _useDraggable.isDragging;
-
-  // Setup droppable functionality
-  var _useDroppable = (0, _core.useDroppable)({
-      id: "mask-blank-drop-".concat(id),
-      data: {
-        id: id,
-        accepts: ['MaskBlank'],
-        instanceId: instanceId
-      }
-    }),
-    setDropNodeRef = _useDroppable.setNodeRef,
-    isOver = _useDroppable.isOver,
-    dragItem = _useDroppable.active;
-  var isSelected = !!selectedItem && selectedItem.fromChoice === false && selectedItem.id === id;
-  var handleClick = function handleClick() {
-    if (disabled) return;
-    if (isSelected) {
-      // Clicking this blank's already-selected content again deselects it.
-      onSelectClick === null || onSelectClick === void 0 || onSelectClick(dragData);
-    } else if (selectedItem) {
-      // Something else is selected — place it here, whether this blank is currently
-      // empty or already filled (the same commitPlacement logic drag-and-drop uses).
-      onPlacementClick === null || onPlacementClick === void 0 || onPlacementClick(id);
-    } else if (choice) {
-      // Nothing selected yet, and this blank holds an answer — select it for moving
-      // elsewhere, the same way Tab+Space/Enter does.
-      onSelectClick === null || onSelectClick === void 0 || onSelectClick(dragData);
-    }
-
-    // Empty blank clicked with nothing selected: nothing to place or select.
-  };
-
-  // An empty blank isn't draggable, so dnd-kit's own attributes (only applied to the
-  // inner node, and only when draggable) never make it tabbable — this outer wrapper
-  // needs its own focus/activation handling so "select a choice, then Tab to a blank
-  // and press Space/Enter" works even when the blank is empty. This is independent of,
-  // and doesn't change, the existing in-drag Tab-cycling (that's driven by an active
-  // dnd-kit drag, not native focus).
-  //
-  // Only made a native Tab stop when NOT draggable (i.e. empty): when the blank is
-  // filled, the inner node is already independently tabbable via dnd-kit's own
-  // attributes for the existing pick-up-to-move gesture, and adding a second, outer Tab
-  // stop for the same visual chip would add an extra stop to the existing Tab order —
-  // the same double-tab-stop bug already found and fixed once in match-list/image-
-  // cloze-association's equivalent code.
-  var isNativeTabStop = !choice && !disabled;
-  var isInnerDraggable = !!choice && !disabled;
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.code === 'Space' || e.code === 'Enter') {
-      e.preventDefault();
-      handleClick();
-    }
-  };
-  var hasSelection = !!selectedItem;
-  var showsHoverEffect = isOver || hasSelection && isHovered && !disabled;
-  return /*#__PURE__*/_react["default"].createElement(StyledContent, {
-    ref: setDropNodeRef,
-    role: isNativeTabStop ? 'button' : undefined,
-    tabIndex: isNativeTabStop ? 0 : -1,
-    onClick: handleClick,
-    onKeyDown: isNativeTabStop ? handleKeyDown : undefined,
-    onMouseEnter: function onMouseEnter() {
-      return setIsHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setIsHovered(false);
-    },
-    dragged: isDragging,
-    over: showsHoverEffect,
-    selected: isSelected,
-    showsPointerCursor: hasSelection && !disabled
-  }, /*#__PURE__*/_react["default"].createElement(StyledDragHandle, (0, _extends2["default"])({
-    ref: setDragNodeRef
-  }, isInnerDraggable ? dragAttributes : {}, dragListeners), /*#__PURE__*/_react["default"].createElement(BlankContent, {
-    id: id,
-    disabled: disabled,
-    duplicates: duplicates,
-    choice: choice,
-    isOver: showsHoverEffect,
-    dragItem: dragItem === null || dragItem === void 0 || (_dragItem$data = dragItem.data) === null || _dragItem$data === void 0 ? void 0 : _dragItem$data.current,
-    correct: correct,
-    onChange: onChange,
-    emptyResponseAreaWidth: emptyResponseAreaWidth,
-    emptyResponseAreaHeight: emptyResponseAreaHeight,
-    instanceId: instanceId
-  })));
-}
-DragDropBlank.defaultProps = {
-  emptyResponseAreaWidth: 0,
-  emptyResponseAreaHeight: 0
-};
-DragDropBlank.propTypes = {
-  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  disabled: _propTypes["default"].bool,
-  duplicates: _propTypes["default"].bool,
-  choice: _propTypes["default"].object,
-  correct: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  instanceId: _propTypes["default"].string,
-  selectedItem: _propTypes["default"].object,
-  onSelectClick: _propTypes["default"].func,
-  onPlacementClick: _propTypes["default"].func
-};
-var _default = exports["default"] = DragDropBlank;
-//# sourceMappingURL=blank.js.map

package/lib/components/blank.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blank.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_mathRendering","_debug","_core","_styles","_Chip","_classnames","_renderUi","_colors","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledContent","styled","_ref","dragged","over","selected","showsPointerCursor","border","concat","color","primary","minWidth","overflow","whiteSpace","opacity","cursor","StyledDragHandle","display","touchAction","StyledChip","Chip","backgroundColor","background","text","fontSize","maxWidth","position","borderRadius","grey","correct","incorrect","StyledChipLabel","pointerEvents","padding","marginTop","marginBottom","left","top","transform","BlankContent","_ref2","_dragItem$choice","_frozenRef$current","_frozenRef$current2","disabled","choice","isOver","isDragging","dragItem","emptyResponseAreaWidth","emptyResponseAreaHeight","rootRef","useRef","spanRef","frozenRef","measuringRef","_useState","useState","height","width","_useState2","_slicedToArray2","dimensions","setDimensions","handleImageLoad","updateDimensions","handleElements","_spanRef$current","imageElement","current","querySelector","onload","setTimeout","getMeasureNode","mjx","parentElement","img","hasTextContent","textContent","trim","style","offsetHeight","measureNode","node","rect","getBoundingClientRect","offsetWidth","Math","max","scrollHeight","PADDING","BORDER_WIDTH","ADDITIONAL_SPACE","widthWithPadding","heightWithPadding","responseAreaWidth","parseFloat","responseAreaHeight","adjustedWidth","adjustedHeight","prevState","nextWidth","nextHeight","getRootDimensions","isNaN","rootStyle","minHeight","useEffect","IntersectionObserver","undefined","io","entries","some","isIntersecting","threshold","observe","disconnect","renderMath","value","draggedLabel","label","createElement","clickable","ref","component","Fragment","draggable","className","classnames","hidden","dangerouslySetInnerHTML","__html","parentOver","variant","defaultProps","propTypes","id","PropTypes","oneOfType","string","number","bool","duplicates","object","onChange","func","instanceId","DragDropBlank","_ref3","_dragItem$data","selectedItem","onSelectClick","onPlacementClick","_useState3","_useState4","isHovered","setIsHovered","dragData","fromChoice","type","_useDraggable","useDraggable","data","attributes","tabIndex","dragAttributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setDropNodeRef","active","isSelected","handleClick","isNativeTabStop","isInnerDraggable","handleKeyDown","code","preventDefault","hasSelection","showsHoverEffect","role","onClick","onKeyDown","onMouseEnter","onMouseLeave","_extends2","_default","exports"],"sources":["../../src/components/blank.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport classnames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst log = debug('pie-lib:mask-markup:blank');\n\nconst StyledContent = styled('span')(({ dragged, over, selected, showsPointerCursor }) => ({\n  border: `solid 0px ${color.primary()}`,\n  minWidth: '200px',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  opacity: 1,\n  cursor: 'default',\n  ...(over && {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  }),\n  ...((dragged || selected) && {\n    opacity: 0.5,\n  }),\n  ...(showsPointerCursor && {\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }),\n}));\n\nconst StyledDragHandle = styled('span')({\n  display: 'inline-flex',\n  touchAction: 'none',\n});\n\nconst StyledChip = styled(Chip)(() => ({\n  backgroundColor: color.background(),\n  border: `2px dashed ${color.text()}`,\n  touchAction: 'none',\n  color: color.text(),\n  fontSize: 'inherit',\n  maxWidth: '374px',\n  position: 'relative',\n  borderRadius: '3px',\n  '&.over': {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.parentOver': {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  '&.correct': {\n    border: `solid 1px ${color.correct()}`,\n  },\n  '&.incorrect': {\n    border: `solid 1px ${color.incorrect()}`,\n  },\n  '&.Mui-disabled': {\n    opacity: 1,\n  },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n  whiteSpace: 'normal',\n  // Added for touch devices, for image content.\n  // This will prevent the context menu from appearing and not allowing other interactions with the image.\n  // If interactions with the image in the token will be requested we should handle only the context Menu.\n  pointerEvents: 'none',\n  '& img': {\n    display: 'block',\n    padding: '2px 0',\n  },\n  // Remove default <p> margins to ensure consistent spacing across all wrapped content (p, span, div, math)\n  // Padding for top and bottom will instead be controlled by the container for consistent layout\n  // Ensures consistent behavior with pie-api-browser, where marginTop is already removed by a Bootstrap stylesheet\n  '& p': {\n    marginTop: '0',\n    marginBottom: '0',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n  '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {\n    fontSize: '120% !important',\n  },\n  '&.over': {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.hidden': {\n    color: 'transparent',\n    opacity: 0,\n  },\n  '&.dragged': {\n    position: 'absolute',\n    left: 16,\n    maxWidth: '60px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n  },\n}));\n\nfunction BlankContent({\n  disabled,\n  choice,\n  isOver,\n  isDragging,\n  dragItem,\n  correct,\n  emptyResponseAreaWidth,\n  emptyResponseAreaHeight,\n}) {\n  const rootRef = useRef(null);\n  const spanRef = useRef(null);\n  const frozenRef = useRef(null); // to use during dragging to prevent flickering\n  const measuringRef = useRef(false); // guard against ResizeObserver feedback loops\n  const [dimensions, setDimensions] = useState({ height: 0, width: 0 });\n\n  const handleImageLoad = () => {\n    updateDimensions();\n  };\n\n  const handleElements = () => {\n    const imageElement = spanRef.current?.querySelector('img');\n    if (imageElement) {\n      imageElement.onload = handleImageLoad;\n    } else {\n      setTimeout(() => {\n        updateDimensions();\n      }, 300);\n    }\n  };\n\n  const getMeasureNode = () => {\n    if (!spanRef.current) {\n      return null;\n    }\n\n    const mjx = spanRef.current.querySelector('mjx-container');\n\n    if (mjx && spanRef.current.parentElement) {\n      return spanRef.current.parentElement;\n    }\n\n    const img = spanRef.current.querySelector('img');\n\n    if (img) {\n      // If there's text alongside the image, measure the full span to capture both dimensions\n      const hasTextContent = spanRef.current.textContent.trim().length > 0;\n\n      return hasTextContent ? spanRef.current : img;\n    }\n\n    return spanRef.current;\n  };\n\n  const updateDimensions = () => {\n    if (spanRef.current && rootRef.current && !measuringRef.current) {\n      measuringRef.current = true;\n      // Temporarily set rootRef width to 'auto' for natural measurement\n      rootRef.current.style.width = 'auto';\n      rootRef.current.style.height = 'auto';\n      rootRef.current.offsetHeight;\n\n      const measureNode = getMeasureNode();\n      const node = measureNode || spanRef.current;\n      const rect = node.getBoundingClientRect();\n      const width = node.offsetWidth || rect.width || 0;\n      const height = Math.max(\n        node.offsetHeight || 0,\n        rect.height || 0,\n        node.scrollHeight || 0,\n        spanRef.current.scrollHeight || 0,\n      );\n\n      const PADDING = 12;\n      const BORDER_WIDTH = 2;\n      const ADDITIONAL_SPACE = 1;\n      // padding and border on each side\n      const widthWithPadding = width + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;\n      // padding and border on top and bottom\n      const heightWithPadding = height + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;\n\n      const responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;\n      const responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;\n\n      const adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;\n      const adjustedHeight = heightWithPadding <= responseAreaHeight ? responseAreaHeight : heightWithPadding;\n\n      setDimensions((prevState) => ({\n        width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,\n        height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height,\n      }));\n\n      const nextWidth = `${adjustedWidth}px`;\n      const nextHeight = `${adjustedHeight}px`;\n      if (rootRef.current.style.width !== nextWidth) {\n        rootRef.current.style.width = nextWidth;\n      }\n      if (rootRef.current.style.height !== nextHeight) {\n        rootRef.current.style.height = nextHeight;\n      }\n      measuringRef.current = false;\n    }\n  };\n\n  const getRootDimensions = () => {\n    // Handle potential non-numeric values\n    const responseAreaWidth = !isNaN(parseFloat(emptyResponseAreaWidth)) ? parseFloat(emptyResponseAreaWidth) : 0;\n    const responseAreaHeight = !isNaN(parseFloat(emptyResponseAreaHeight)) ? parseFloat(emptyResponseAreaHeight) : 0;\n\n    const rootStyle = {\n      height: dimensions.height || responseAreaHeight,\n      width: dimensions.width || responseAreaWidth,\n    };\n\n    // add minWidth, minHeight if width and height are not defined\n    return {\n      ...rootStyle,\n      ...(responseAreaWidth ? {} : { minWidth: 90 }),\n      ...(responseAreaHeight ? {} : { minHeight: 32 }),\n    };\n  };\n\n  useEffect(() => {\n    handleElements();\n  }, []);\n\n  // Re-measure when the element first becomes visible — covers the tabbed-view case\n  // where the initial measurement happened while the tab was hidden (size 0).\n  useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined' || !rootRef.current) return undefined;\n    const io = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((e) => e.isIntersecting)) updateDimensions();\n      },\n      { threshold: 0 },\n    );\n    io.observe(rootRef.current);\n    return () => io.disconnect();\n  }, []);\n\n  // Render math for the placeholder/preview when dragging over\n  useEffect(() => {\n    if (rootRef.current) {\n      renderMath(rootRef.current);\n    }\n  }, [correct, isOver, dragItem?.choice?.value]);\n\n  useEffect(() => {\n    if (!choice) {\n      setDimensions({ height: 0, width: 0 });\n      return;\n    }\n    handleElements();\n  }, [choice?.value]);\n\n  useEffect(() => {\n    if (!isOver && !isDragging) {\n      frozenRef.current = {\n        width: rootRef.current.offsetWidth,\n        height: rootRef.current.offsetHeight,\n      };\n    }\n  }, [choice, isOver, isDragging]);\n\n  const draggedLabel = dragItem && isOver && dragItem.choice && dragItem.choice.value;\n  const label = choice && choice.value;\n  const style =\n    isOver || isDragging\n      ? {\n          width: frozenRef.current?.width,\n          height: frozenRef.current?.height,\n        }\n      : getRootDimensions();\n\n  return (\n    <StyledChip\n      clickable={false}\n      disabled={disabled}\n      ref={rootRef}\n      component=\"span\"\n      label={\n        <React.Fragment>\n          <StyledChipLabel\n            ref={spanRef}\n            draggable={true}\n            className={classnames({\n              over: isOver,\n              hidden: draggedLabel,\n            })}\n            dangerouslySetInnerHTML={{ __html: label || '' }}\n          />\n          {draggedLabel && (\n            <StyledChipLabel\n              draggable={true}\n              className={classnames({\n                over: isOver,\n                dragged: true,\n              })}\n              dangerouslySetInnerHTML={{ __html: draggedLabel || '' }}\n            />\n          )}\n        </React.Fragment>\n      }\n      className={classnames({\n        over: isOver,\n        parentOver: isOver,\n        correct: correct !== undefined && correct,\n        incorrect: correct !== undefined && !correct,\n      })}\n      variant={disabled ? 'outlined' : undefined}\n      style={style}\n    />\n  );\n}\n\nBlankContent.defaultProps = {\n  emptyResponseAreaWidth: 0,\n  emptyResponseAreaHeight: 0,\n};\n\nBlankContent.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  duplicates: PropTypes.bool,\n  choice: PropTypes.object,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  correct: PropTypes.bool,\n  onChange: PropTypes.func,\n  emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  instanceId: PropTypes.string,\n};\n\n// New functional component using @dnd-kit hooks\nfunction DragDropBlank({\n  id,\n  disabled,\n  duplicates,\n  choice,\n  correct,\n  onChange,\n  emptyResponseAreaWidth,\n  emptyResponseAreaHeight,\n  instanceId,\n  selectedItem,\n  onSelectClick,\n  onPlacementClick,\n}) {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const dragData = {\n    id,\n    choice,\n    instanceId,\n    fromChoice: false, // This is from a blank, not from choices\n    type: 'MaskBlank',\n  };\n\n  // Setup draggable functionality\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `mask-blank-drag-${id}`,\n    disabled: disabled || !choice,\n    data: dragData,\n    // dnd-kit's own `attributes` default tabIndex to 0 unconditionally, even when\n    // `disabled` — so a non-draggable (empty) blank stays a native Tab stop of its own.\n    // For a drop-zone (droppable blank), 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 blank) or\n    // nothing (for a disabled blank) as the sole stop.\n    attributes: {\n      tabIndex: choice && !disabled ? 0 : -1,\n    },\n  });\n\n  // Setup droppable functionality\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `mask-blank-drop-${id}`,\n    data: {\n      id: id,\n      accepts: ['MaskBlank'],\n      instanceId: instanceId,\n    },\n  });\n\n  const isSelected = !!selectedItem && selectedItem.fromChoice === false && selectedItem.id === id;\n\n  const handleClick = () => {\n    if (disabled) return;\n\n    if (isSelected) {\n      // Clicking this blank's already-selected content again deselects it.\n      onSelectClick?.(dragData);\n    } else if (selectedItem) {\n      // Something else is selected — place it here, whether this blank is currently\n      // empty or already filled (the same commitPlacement logic drag-and-drop uses).\n      onPlacementClick?.(id);\n    } else if (choice) {\n      // Nothing selected yet, and this blank holds an answer — select it for moving\n      // elsewhere, the same way Tab+Space/Enter does.\n      onSelectClick?.(dragData);\n    }\n\n    // Empty blank clicked with nothing selected: nothing to place or select.\n  };\n\n  // An empty blank isn't draggable, so dnd-kit's own attributes (only applied to the\n  // inner node, and only when draggable) never make it tabbable — this outer wrapper\n  // needs its own focus/activation handling so \"select a choice, then Tab to a blank\n  // and press Space/Enter\" works even when the blank is empty. This is independent of,\n  // and doesn't change, the existing in-drag Tab-cycling (that's driven by an active\n  // dnd-kit drag, not native focus).\n  //\n  // Only made a native Tab stop when NOT draggable (i.e. empty): when the blank 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, outer Tab\n  // stop for the same visual chip would add an extra stop to the existing Tab order —\n  // the same double-tab-stop bug already found and fixed once in match-list/image-\n  // cloze-association's equivalent code.\n  const isNativeTabStop = !choice && !disabled;\n  const isInnerDraggable = !!choice && !disabled;\n\n  const handleKeyDown = (e) => {\n    if (e.code === 'Space' || e.code === 'Enter') {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const hasSelection = !!selectedItem;\n  const showsHoverEffect = isOver || (hasSelection && isHovered && !disabled);\n\n  return (\n    <StyledContent\n      ref={setDropNodeRef}\n      role={isNativeTabStop ? 'button' : undefined}\n      tabIndex={isNativeTabStop ? 0 : -1}\n      onClick={handleClick}\n      onKeyDown={isNativeTabStop ? handleKeyDown : undefined}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      dragged={isDragging}\n      over={showsHoverEffect}\n      selected={isSelected}\n      showsPointerCursor={hasSelection && !disabled}\n    >\n      <StyledDragHandle ref={setDragNodeRef} {...(isInnerDraggable ? dragAttributes : {})} {...dragListeners}>\n        <BlankContent\n          id={id}\n          disabled={disabled}\n          duplicates={duplicates}\n          choice={choice}\n          isOver={showsHoverEffect}\n          dragItem={dragItem?.data?.current}\n          correct={correct}\n          onChange={onChange}\n          emptyResponseAreaWidth={emptyResponseAreaWidth}\n          emptyResponseAreaHeight={emptyResponseAreaHeight}\n          instanceId={instanceId}\n        />\n      </StyledDragHandle>\n    </StyledContent>\n  );\n}\n\nDragDropBlank.defaultProps = {\n  emptyResponseAreaWidth: 0,\n  emptyResponseAreaHeight: 0,\n};\n\nDragDropBlank.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  duplicates: PropTypes.bool,\n  choice: PropTypes.object,\n  correct: PropTypes.bool,\n  onChange: PropTypes.func,\n  emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  instanceId: PropTypes.string,\n  selectedItem: PropTypes.object,\n  onSelectClick: PropTypes.func,\n  onPlacementClick: PropTypes.func,\n};\n\nexport default DragDropBlank;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/correct-input.js

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