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

package/lib/serialization.js

@@ -1,261 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.reactAttributes = exports.parseStyleString = exports.deserialize = exports.MARK_TAGS = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _toStyle = require("to-style");
-var _debug = _interopRequireDefault(require("debug"));
-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:serialization');
-var INLINE = ['span'];
-var MARK = ['em', 'strong', 'u'];
-var TEXT_NODE = 3;
-var COMMENT_NODE = 8;
-var ELEMENT_NODE = 1;
-var attr = function attr(el) {
-  if (!el.attributes || el.attributes.length <= 0) {
-    return undefined;
-  }
-  var out = {};
-  var i;
-  for (i = 0; i < el.attributes.length; i++) {
-    var a = el.attributes[i];
-    out[a.name] = a.value;
-  }
-  return out;
-};
-var getObject = function getObject(type) {
-  if (INLINE.includes(type)) {
-    return 'inline';
-  } else if (MARK.includes(type)) {
-    return 'mark';
-  }
-  return 'block';
-};
-var parseStyleString = exports.parseStyleString = function parseStyleString(s) {
-  var regex = /([\w-]*)\s*:\s*([^;]*)/g;
-  var match;
-  var result = {};
-  while (match = regex.exec(s)) {
-    result[match[1]] = match[2].trim();
-  }
-  return result;
-};
-var reactAttributes = exports.reactAttributes = function reactAttributes(o) {
-  return (0, _toStyle.object)(o, {
-    camelize: true,
-    addUnits: false
-  });
-};
-var handleStyles = function handleStyles(el, attribute) {
-  var styleString = el.getAttribute(attribute);
-  return reactAttributes(parseStyleString(styleString));
-};
-var handleClass = function handleClass(el, acc, attribute) {
-  var classNames = el.getAttribute(attribute);
-  delete acc["class"];
-  return classNames;
-};
-var attributesToMap = function attributesToMap(el) {
-  return function (acc, attribute) {
-    if (!el.getAttribute) {
-      return acc;
-    }
-    var value = el.getAttribute(attribute);
-    if (value) {
-      switch (attribute) {
-        case 'style':
-          acc.style = handleStyles(el, attribute);
-          break;
-        case 'class':
-          acc.className = handleClass(el, acc, attribute);
-          break;
-        default:
-          acc[attribute] = el.getAttribute(attribute);
-          break;
-      }
-    }
-    return acc;
-  };
-};
-var attributes = ['border', 'class', 'style'];
-
-/**
- * Tags to marks.
- *
- * @type {Object}
- */
-
-var MARK_TAGS = exports.MARK_TAGS = {
-  b: 'bold',
-  em: 'italic',
-  u: 'underline',
-  s: 'strikethrough',
-  code: 'code',
-  strong: 'strong'
-};
-
-/**
- * Recursively process DOM nodes and convert them to Slate JSON format
- */
-var processNode = function processNode(node) {
-  var marks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  // Skip comment nodes
-  if (node.nodeType === COMMENT_NODE) {
-    return null;
-  }
-
-  // Handle text nodes
-  if (node.nodeType === TEXT_NODE) {
-    var text = node.textContent;
-    var leaf = {
-      text: text
-    };
-    if (marks.length > 0) {
-      leaf.marks = marks.map(function (m) {
-        return {
-          type: m,
-          data: undefined
-        };
-      });
-    }
-    return {
-      object: 'text',
-      leaves: [leaf]
-    };
-  }
-
-  // Handle element nodes
-  if (node.nodeType === ELEMENT_NODE) {
-    var type = node.tagName.toLowerCase();
-
-    // Check if this is a mark tag
-    var markType = MARK_TAGS[type];
-    if (markType) {
-      log('[deserialize] mark: ', markType);
-      // Process children with this mark added and return them flattened
-      var _childNodes = processNodes(node.childNodes, [].concat((0, _toConsumableArray2["default"])(marks), [markType]));
-      // Return an array indicator with the nodes (will be flattened by parent)
-      return {
-        _flatten: true,
-        nodes: _childNodes
-      };
-    }
-
-    // Handle math elements specially
-    if (type === 'math') {
-      return {
-        isMath: true,
-        nodes: [node]
-      };
-    }
-
-    // Process regular elements
-    var normalAttrs = attr(node) || {};
-    if (type === 'audio' && normalAttrs.controls === '') {
-      normalAttrs.controls = true;
-    }
-    var allAttrs = attributes.reduce(attributesToMap(node), _objectSpread({}, normalAttrs));
-    var object = getObject(type);
-    var childNodes = processNodes(node.childNodes, marks);
-    return {
-      object: object,
-      type: type,
-      data: {
-        dataset: _objectSpread({}, node.dataset),
-        attributes: _objectSpread({}, allAttrs)
-      },
-      nodes: childNodes
-    };
-  }
-  return null;
-};
-
-/**
- * Process a NodeList and convert to array of Slate nodes
- */
-var processNodes = function processNodes(nodeList) {
-  var marks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var nodes = [];
-  for (var i = 0; i < nodeList.length; i++) {
-    var result = processNode(nodeList[i], marks);
-    if (result !== null) {
-      // Handle flattening for mark nodes
-      if (result._flatten && result.nodes) {
-        nodes.push.apply(nodes, (0, _toConsumableArray2["default"])(result.nodes));
-      } else {
-        nodes.push(result);
-      }
-    }
-  }
-  return nodes;
-};
-
-/**
- * Deserialize HTML string to Slate JSON format
- */
-var deserialize = exports.deserialize = function deserialize(htmlString) {
-  // Handle empty or whitespace-only strings
-  if (!htmlString || !htmlString.trim()) {
-    return {
-      object: 'value',
-      document: {
-        object: 'document',
-        data: {},
-        nodes: [{
-          object: 'block',
-          type: 'span',
-          data: {},
-          isVoid: false,
-          nodes: []
-        }]
-      }
-    };
-  }
-
-  // Use DOMParser to parse the HTML
-  var parser = new DOMParser();
-  var doc = parser.parseFromString(htmlString, 'text/html');
-
-  // Process all nodes in the body
-  var nodes = processNodes(doc.body.childNodes);
-
-  // If we only have text nodes (no block elements), wrap in default span block
-  var hasBlockElements = nodes.some(function (node) {
-    return node.object === 'block' || node.object === 'inline';
-  });
-  if (!hasBlockElements && nodes.length > 0) {
-    nodes = [{
-      object: 'block',
-      type: 'span',
-      data: {},
-      isVoid: false,
-      nodes: nodes
-    }];
-  }
-
-  // If no nodes were produced, add a default span block
-  if (nodes.length === 0) {
-    nodes = [{
-      object: 'block',
-      type: 'span',
-      data: {},
-      isVoid: false,
-      nodes: []
-    }];
-  }
-  return {
-    object: 'value',
-    document: {
-      object: 'document',
-      data: {},
-      nodes: nodes
-    }
-  };
-};
-//# sourceMappingURL=serialization.js.map

package/lib/serialization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"serialization.js","names":["_toStyle","require","_debug","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","INLINE","MARK","TEXT_NODE","COMMENT_NODE","ELEMENT_NODE","attr","el","attributes","undefined","out","i","a","name","value","getObject","type","includes","parseStyleString","exports","s","regex","match","result","exec","trim","reactAttributes","toStyleObject","camelize","addUnits","handleStyles","attribute","styleString","getAttribute","handleClass","acc","classNames","attributesToMap","style","className","MARK_TAGS","b","em","u","code","strong","processNode","node","marks","nodeType","text","textContent","leaf","map","m","data","object","leaves","tagName","toLowerCase","markType","childNodes","processNodes","concat","_toConsumableArray2","_flatten","nodes","isMath","normalAttrs","controls","allAttrs","reduce","dataset","nodeList","deserialize","htmlString","document","isVoid","parser","DOMParser","doc","parseFromString","body","hasBlockElements","some"],"sources":["../src/serialization.js"],"sourcesContent":["import { object as toStyleObject } from 'to-style';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:mask-markup:serialization');\n\nconst INLINE = ['span'];\nconst MARK = ['em', 'strong', 'u'];\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\nconst ELEMENT_NODE = 1;\n\nconst attr = (el) => {\n  if (!el.attributes || el.attributes.length <= 0) {\n    return undefined;\n  }\n\n  const out = {};\n  let i;\n\n  for (i = 0; i < el.attributes.length; i++) {\n    const a = el.attributes[i];\n\n    out[a.name] = a.value;\n  }\n\n  return out;\n};\n\nconst getObject = (type) => {\n  if (INLINE.includes(type)) {\n    return 'inline';\n  } else if (MARK.includes(type)) {\n    return 'mark';\n  }\n  return 'block';\n};\n\nexport const parseStyleString = (s) => {\n  const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g;\n  let match;\n  const result = {};\n  while ((match = regex.exec(s))) {\n    result[match[1]] = match[2].trim();\n  }\n  return result;\n};\n\nexport const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst handleStyles = (el, attribute) => {\n  const styleString = el.getAttribute(attribute);\n\n  return reactAttributes(parseStyleString(styleString));\n};\n\nconst handleClass = (el, acc, attribute) => {\n  const classNames = el.getAttribute(attribute);\n\n  delete acc.class;\n\n  return classNames;\n};\n\nconst attributesToMap = (el) => (acc, attribute) => {\n  if (!el.getAttribute) {\n    return acc;\n  }\n\n  const value = el.getAttribute(attribute);\n\n  if (value) {\n    switch (attribute) {\n      case 'style':\n        acc.style = handleStyles(el, attribute);\n        break;\n      case 'class':\n        acc.className = handleClass(el, acc, attribute);\n        break;\n      default:\n        acc[attribute] = el.getAttribute(attribute);\n        break;\n    }\n  }\n\n  return acc;\n};\n\nconst attributes = ['border', 'class', 'style'];\n\n/**\n * Tags to marks.\n *\n * @type {Object}\n */\n\nexport const MARK_TAGS = {\n  b: 'bold',\n  em: 'italic',\n  u: 'underline',\n  s: 'strikethrough',\n  code: 'code',\n  strong: 'strong',\n};\n\n/**\n * Recursively process DOM nodes and convert them to Slate JSON format\n */\nconst processNode = (node, marks = []) => {\n  // Skip comment nodes\n  if (node.nodeType === COMMENT_NODE) {\n    return null;\n  }\n\n  // Handle text nodes\n  if (node.nodeType === TEXT_NODE) {\n    const text = node.textContent;\n    const leaf = { text };\n\n    if (marks.length > 0) {\n      leaf.marks = marks.map((m) => ({ type: m, data: undefined }));\n    }\n\n    return {\n      object: 'text',\n      leaves: [leaf],\n    };\n  }\n\n  // Handle element nodes\n  if (node.nodeType === ELEMENT_NODE) {\n    const type = node.tagName.toLowerCase();\n\n    // Check if this is a mark tag\n    const markType = MARK_TAGS[type];\n    if (markType) {\n      log('[deserialize] mark: ', markType);\n      // Process children with this mark added and return them flattened\n      const childNodes = processNodes(node.childNodes, [...marks, markType]);\n      // Return an array indicator with the nodes (will be flattened by parent)\n      return { _flatten: true, nodes: childNodes };\n    }\n\n    // Handle math elements specially\n    if (type === 'math') {\n      return {\n        isMath: true,\n        nodes: [node],\n      };\n    }\n\n    // Process regular elements\n    const normalAttrs = attr(node) || {};\n\n    if (type === 'audio' && normalAttrs.controls === '') {\n      normalAttrs.controls = true;\n    }\n\n    const allAttrs = attributes.reduce(attributesToMap(node), { ...normalAttrs });\n    const object = getObject(type);\n\n    const childNodes = processNodes(node.childNodes, marks);\n\n    return {\n      object,\n      type,\n      data: { dataset: { ...node.dataset }, attributes: { ...allAttrs } },\n      nodes: childNodes,\n    };\n  }\n\n  return null;\n};\n\n/**\n * Process a NodeList and convert to array of Slate nodes\n */\nconst processNodes = (nodeList, marks = []) => {\n  const nodes = [];\n  for (let i = 0; i < nodeList.length; i++) {\n    const result = processNode(nodeList[i], marks);\n    if (result !== null) {\n      // Handle flattening for mark nodes\n      if (result._flatten && result.nodes) {\n        nodes.push(...result.nodes);\n      } else {\n        nodes.push(result);\n      }\n    }\n  }\n  return nodes;\n};\n\n/**\n * Deserialize HTML string to Slate JSON format\n */\nexport const deserialize = (htmlString) => {\n  // Handle empty or whitespace-only strings\n  if (!htmlString || !htmlString.trim()) {\n    return {\n      object: 'value',\n      document: {\n        object: 'document',\n        data: {},\n        nodes: [\n          {\n            object: 'block',\n            type: 'span',\n            data: {},\n            isVoid: false,\n            nodes: [],\n          },\n        ],\n      },\n    };\n  }\n\n  // Use DOMParser to parse the HTML\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(htmlString, 'text/html');\n\n  // Process all nodes in the body\n  let nodes = processNodes(doc.body.childNodes);\n\n  // If we only have text nodes (no block elements), wrap in default span block\n  const hasBlockElements = nodes.some((node) => node.object === 'block' || node.object === 'inline');\n\n  if (!hasBlockElements && nodes.length > 0) {\n    nodes = [\n      {\n        object: 'block',\n        type: 'span',\n        data: {},\n        isVoid: false,\n        nodes: nodes,\n      },\n    ];\n  }\n\n  // If no nodes were produced, add a default span block\n  if (nodes.length === 0) {\n    nodes = [\n      {\n        object: 'block',\n        type: 'span',\n        data: {},\n        isVoid: false,\n        nodes: [],\n      },\n    ];\n  }\n\n  return {\n    object: 'value',\n    document: {\n      object: 'document',\n      data: {},\n      nodes,\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/with-mask.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withMask = exports.buildLayoutFromMarkup = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _mask = _interopRequireDefault(require("./mask"));
-var _componentize2 = _interopRequireDefault(require("./componentize"));
-var _serialization = require("./serialization");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var buildLayoutFromMarkup = exports.buildLayoutFromMarkup = function buildLayoutFromMarkup(markup, type) {
-  var _componentize = (0, _componentize2["default"])(markup, type),
-    processed = _componentize.markup;
-  var value = (0, _serialization.deserialize)(processed);
-  return value.document;
-};
-var withMask = exports.withMask = function withMask(type, renderChildren) {
-  var _WithMask;
-  return _WithMask = /*#__PURE__*/function (_React$Component) {
-    function WithMask(props) {
-      var _this;
-      (0, _classCallCheck2["default"])(this, WithMask);
-      _this = _callSuper(this, WithMask, [props]);
-      _this.containerRef = /*#__PURE__*/_react["default"].createRef();
-      return _this;
-    }
-    (0, _inherits2["default"])(WithMask, _React$Component);
-    return (0, _createClass2["default"])(WithMask, [{
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        if (this.props.markup !== prevProps.markup) {
-          var domNode = this.containerRef.current;
-          var mathElements = domNode && domNode.querySelectorAll('[data-latex][data-math-handled="true"]');
-
-          // Clean up for fresh MathJax processing
-          (mathElements || []).forEach(function (el) {
-            // Remove the MathJax container to allow for clean updates
-            var mjxContainer = el.querySelector('mjx-container');
-            if (mjxContainer) {
-              el.removeChild(mjxContainer);
-            }
-
-            // Update the innerHTML to match the raw LaTeX data, ensuring it is reprocessed correctly
-            var latexCode = el.getAttribute('data-raw');
-            el.innerHTML = latexCode;
-
-            // Remove the attribute to signal that MathJax should reprocess this element
-            el.removeAttribute('data-math-handled');
-          });
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          markup = _this$props.markup,
-          layout = _this$props.layout,
-          value = _this$props.value,
-          onChange = _this$props.onChange,
-          elementType = _this$props.elementType;
-        var maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);
-        return /*#__PURE__*/_react["default"].createElement(_mask["default"], {
-          containerRef: this.containerRef,
-          elementType: elementType,
-          layout: maskLayout,
-          value: value,
-          onChange: onChange,
-          renderChildren: renderChildren(this.props)
-        });
-      }
-    }]);
-  }(_react["default"].Component), (0, _defineProperty2["default"])(_WithMask, "propTypes", {
-    /**
-     * At the start we'll probably work with markup
-     */
-    markup: _propTypes["default"].string,
-    /**
-     * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.
-     */
-    layout: _propTypes["default"].object,
-    value: _propTypes["default"].object,
-    onChange: _propTypes["default"].func,
-    customMarkMarkupComponent: _propTypes["default"].func,
-    elementType: _propTypes["default"].string
-  }), _WithMask;
-};
-//# sourceMappingURL=with-mask.js.map

package/lib/with-mask.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"with-mask.js","names":["_react","_interopRequireDefault","require","_propTypes","_mask","_componentize2","_serialization","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","buildLayoutFromMarkup","exports","markup","type","_componentize","componentize","processed","value","deserialize","document","withMask","renderChildren","_WithMask","_React$Component","WithMask","props","_this","_classCallCheck2","containerRef","React","createRef","_inherits2","_createClass2","key","componentDidUpdate","prevProps","domNode","current","mathElements","querySelectorAll","forEach","el","mjxContainer","querySelector","removeChild","latexCode","getAttribute","innerHTML","removeAttribute","render","_this$props","layout","onChange","elementType","maskLayout","createElement","Component","_defineProperty2","PropTypes","string","object","func","customMarkMarkupComponent"],"sources":["../src/with-mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value.document;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func,\n      customMarkMarkupComponent: PropTypes.func,\n      elementType: PropTypes.string,\n    };\n\n    constructor(props) {\n      super(props);\n      this.containerRef = React.createRef();\n    }\n\n    componentDidUpdate(prevProps) {\n      if (this.props.markup !== prevProps.markup) {\n        const domNode = this.containerRef.current;\n        const mathElements = domNode && domNode.querySelectorAll('[data-latex][data-math-handled=\"true\"]');\n\n        // Clean up for fresh MathJax processing\n        (mathElements || []).forEach((el) => {\n          // Remove the MathJax container to allow for clean updates\n          const mjxContainer = el.querySelector('mjx-container');\n\n          if (mjxContainer) {\n            el.removeChild(mjxContainer);\n          }\n\n          // Update the innerHTML to match the raw LaTeX data, ensuring it is reprocessed correctly\n          const latexCode = el.getAttribute('data-raw');\n          el.innerHTML = latexCode;\n\n          // Remove the attribute to signal that MathJax should reprocess this element\n          el.removeAttribute('data-math-handled');\n        });\n      }\n    }\n\n    render() {\n      const { markup, layout, value, onChange, elementType } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return (\n        <Mask\n          containerRef={this.containerRef}\n          elementType={elementType}\n          layout={maskLayout}\n          value={value}\n          onChange={onChange}\n          renderChildren={renderChildren(this.props)}\n        />\n      );\n    }\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,256 +0,0 @@
-import * as React from 'react';
-import { render, screen } from '@testing-library/react';
-import DragInTheBlank from '../drag-in-the-blank';
-import { closestDroppableKeyboardCoordinates } from '../keyboard-coordinates';
-
-const markup = `<div>
-  <img src="https://image.shutterstock.com/image-vector/cow-jumped-over-moon-traditional-260nw-1152899330.jpg"></img>
-   <h5>Hey Diddle Diddle <i>by ?</i></h5>
- <p>1: Hey, diddle, diddle,</p>
- <p>2: The cat and the fiddle,</p>
- <p>3: The cow {{0}} over the moon;</p>
- <p>4: The little dog {{1}},</p>
- <p>5: To see such sport,</p>
- <p>6: And the dish ran away with the {{2}}.</p>
-</div>`;
-const choice = (v, id) => ({ value: v, id });
-
-let capturedDragProviderProps;
-
-// Mock DragProvider and DragDroppablePlaceholder to avoid DndContext requirement
-jest.mock('@pie-lib/drag', () => ({
-  DragProvider: (props) => {
-    capturedDragProviderProps = props;
-    // Simple wrapper that doesn't require DndContext
-    return <div data-testid="drag-provider">{props.children}</div>;
-  },
-  DragDroppablePlaceholder: ({ children, disabled, instanceId }) => {
-    // Simple wrapper that doesn't require useDroppable
-    return <div data-testid="drag-droppable-placeholder">{children}</div>;
-  },
-}));
-
-// Mock @dnd-kit/core components and hooks used by DragInTheBlank and child components
-jest.mock('@dnd-kit/core', () => ({
-  DragOverlay: ({ children }) => <div data-testid="drag-overlay">{children}</div>,
-  closestCenter: jest.fn(),
-  useDraggable: jest.fn(() => ({
-    attributes: {},
-    listeners: {},
-    setNodeRef: jest.fn(),
-    transform: null,
-    isDragging: false,
-  })),
-  useDroppable: jest.fn(() => ({
-    setNodeRef: jest.fn(),
-    isOver: false,
-    active: null,
-  })),
-}));
-
-jest.mock('@dnd-kit/utilities', () => ({
-  CSS: {
-    Translate: {
-      toString: jest.fn(() => 'translate3d(0, 0, 0)'),
-    },
-  },
-}));
-
-describe('DragInTheBlank', () => {
-  const defaultProps = {
-    disabled: false,
-    feedback: {},
-    markup,
-    choices: [
-      choice('Jumped', '0'),
-      choice('Laughed', '1'),
-      choice('Spoon', '2'),
-      choice('Fork', '3'),
-      choice('Bumped', '4'),
-      choice('Smiled', '5'),
-    ],
-
-    value: {
-      0: undefined,
-    },
-  };
-
-  describe('render', () => {
-    it('renders correctly with default props', () => {
-      const { container } = render(<DragInTheBlank {...defaultProps} />);
-      expect(container.firstChild).toBeInTheDocument();
-      // Check that markup content is rendered
-      expect(screen.getByText(/Hey Diddle Diddle/)).toBeInTheDocument();
-      expect(screen.getByText(/Hey, diddle, diddle,/)).toBeInTheDocument();
-    });
-
-    it('renders correctly with disabled prop as true', () => {
-      const { container } = render(<DragInTheBlank {...defaultProps} disabled={true} />);
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders correctly with feedback', () => {
-      const { container } = render(
-        <DragInTheBlank
-          {...defaultProps}
-          feedback={{
-            0: {
-              value: 'Jumped',
-              correct: 'Jumped',
-            },
-            1: {
-              value: 'Laughed',
-              correct: 'Laughed',
-            },
-            2: {
-              value: 'Spoon',
-              correct: 'Spoon',
-            },
-          }}
-        />,
-      );
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('selection state', () => {
-    const baseProps = {
-      value: {},
-      onChange: jest.fn(),
-      choices: [{ id: '0', value: 'firstChoice' }, { id: '1', value: 'secondChoice' }],
-      markup: 'text {{0}} more {{1}} end',
-    };
-
-    beforeEach(() => {
-      baseProps.onChange.mockClear();
-    });
-
-    it('mirrors an active drag into selectedItem on drag start', () => {
-      const instance = new DragInTheBlank(baseProps);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const data = { id: '0', choice: { id: '0', value: 'X' }, fromChoice: false, type: 'MaskBlank' };
-
-      instance.handleDragStart({ active: { data: { current: data } } });
-
-      expect(instance.state.selectedItem).toEqual(data);
-    });
-
-    it('toggleItemSelection selects, then deselects the same item', () => {
-      const instance = new DragInTheBlank(baseProps);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const data = { choice: { id: '0' }, fromChoice: true, type: 'MaskBlank' };
-
-      instance.toggleItemSelection(data);
-      expect(instance.state.selectedItem).toEqual(data);
-
-      instance.toggleItemSelection(data);
-      expect(instance.state.selectedItem).toBeNull();
-    });
-
-    it('placeSelectedItem places a pool choice into a blank via commitPlacement/onChange', () => {
-      const instance = new DragInTheBlank(baseProps);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const poolChoice = { choice: { id: '0' }, instanceId: 'x', fromChoice: true, type: 'MaskBlank' };
-
-      instance.toggleItemSelection(poolChoice);
-      instance.placeSelectedItem('blank-1');
-
-      expect(baseProps.onChange).toHaveBeenCalledWith({ 'blank-1': '0' });
-      expect(instance.state.selectedItem).toBeNull();
-    });
-
-    it('placeSelectedItem with targetId undefined removes a placed item (returns it to the board)', () => {
-      const props = { ...baseProps, value: { 'blank-1': '0' } };
-      const instance = new DragInTheBlank(props);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const placedItem = { id: 'blank-1', choice: { id: '0' }, instanceId: 'x', fromChoice: false, type: 'MaskBlank' };
-
-      instance.toggleItemSelection(placedItem);
-      instance.placeSelectedItem(undefined);
-
-      expect(props.onChange).toHaveBeenCalledWith({});
-    });
-
-    it('placeSelectedItem does nothing when nothing is selected', () => {
-      const instance = new DragInTheBlank(baseProps);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-
-      instance.placeSelectedItem('blank-1');
-
-      expect(baseProps.onChange).not.toHaveBeenCalled();
-    });
-
-    it('onItemClick and onPlacementClick are ignored for a short window right after a drag ends', () => {
-      const instance = new DragInTheBlank(baseProps);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const data = { choice: { id: '0' }, fromChoice: true, type: 'MaskBlank' };
-
-      instance.handleDragEnd({ active: null, over: null });
-      instance.onItemClick(data);
-
-      expect(instance.state.selectedItem).toBeNull();
-    });
-
-    it('onPlacementClick is ignored for a short window right after a drag ends', () => {
-      const instance = new DragInTheBlank(baseProps);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const data = { choice: { id: '0' }, fromChoice: true, type: 'MaskBlank' };
-
-      instance.handleDragEnd({ active: null, over: null });
-      // Select an item after the drag-end guard is armed, so placeSelectedItem would
-      // have something to place if the guard didn't short-circuit it first.
-      instance.toggleItemSelection(data);
-      instance.onPlacementClick('blank-1');
-
-      expect(baseProps.onChange).not.toHaveBeenCalled();
-      expect(instance.state.selectedItem).toEqual(data);
-    });
-
-    it("onDragEnd dropping a blank's own content back onto its own slot is a no-op", () => {
-      const props = { ...baseProps, value: { 'blank-1': '0' } };
-      const instance = new DragInTheBlank(props);
-      instance.setState = (s) => Object.assign(instance.state, typeof s === 'function' ? s(instance.state) : s);
-      const draggedItem = { id: 'blank-1', choice: { id: '0' }, fromChoice: false, type: 'MaskBlank' };
-
-      instance.handleDragEnd({
-        active: { data: { current: draggedItem } },
-        over: { data: { current: { id: 'blank-1', accepts: ['MaskBlank'] } } },
-      });
-
-      expect(props.onChange).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('DragProvider wiring', () => {
-    it('passes the Tab/Shift+Tab coordinate getter and keyboard codes to DragProvider', () => {
-      render(
-        <DragInTheBlank
-          value={{}}
-          onChange={jest.fn()}
-          choices={[]}
-          markup="text {{0}} end"
-        />,
-      );
-
-      expect(capturedDragProviderProps.keyboardCoordinateGetter).toBe(closestDroppableKeyboardCoordinates);
-      expect(capturedDragProviderProps.keyboardCodes).toEqual({
-        start: ['Space', 'Enter'],
-        cancel: ['Escape'],
-        end: ['Space', 'Enter'],
-      });
-    });
-
-    it('passes onDragCancel to DragProvider', () => {
-      render(
-        <DragInTheBlank
-          value={{}}
-          onChange={jest.fn()}
-          choices={[]}
-          markup="text {{0}} end"
-        />,
-      );
-
-      expect(typeof capturedDragProviderProps.onDragCancel).toBe('function');
-    });
-  });
-});