@pie-lib/editable-html-tip-tap 2.1.2-next.102 → 2.1.2-next.104

package/lib/components/respArea/DragInTheBlank/choice.js

@@ -22,6 +22,9 @@ var StyledContent = (0, _styles.styled)('span')(function (_ref) {
   var theme = _ref.theme;
   return {
     border: "solid 0px ".concat(theme.palette.primary.main),
+    '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {
+      fontSize: '120% !important'
+    },
     '& mjx-frac': {
       fontSize: '120% !important'
     }

package/lib/components/respArea/DragInTheBlank/choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_renderUi","_mathRendering","_styles","_classnames","_RespArea","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","BlankContent","_ref2","_dragItem$value","children","isDragging","isOver","dragItem","value","selected","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","renderMath","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","borderStyle","color","primaryDark","defaults","BORDER_DARK","BORDER_LIGHT","createElement","ref","className","undefined","style","display","minWidth","minHeight","background","WHITE","boxSizing","borderRadius","overflow","position","padding","touchAction","index","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","bool","DragDropChoice","_ref3","_dragItem$data","disabled","instanceId","onChange","removeResponse","duplicates","pos","_useDraggable","useDraggable","id","data","opts","type","fromChoice","onRemove","draggedData","onDrop","dropData","isValidBlank","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","_extends2","content","classnames","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value, selected }) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.value, isOver, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n\n  const borderStyle = selected\n    ? `2px solid ${color.primaryDark()}`\n    : isPreview\n      ? `1px solid ${color.defaults.BORDER_DARK}`\n      : `1px solid ${color.defaults.BORDER_LIGHT}`;\n\n  return (\n    <div\n      ref={elementRef}\n      className={selected ? 'selected' : undefined}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: borderStyle,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n        touchAction: 'none',\n      }}\n      data-key={n.index}\n      contentEditable={false}\n    >\n      {hasGrip && (\n        <GripIcon\n          style={{\n            position: 'absolute',\n            top: '6px',\n            left: '15px',\n            color: '#9B9B9B',\n          }}\n          contentEditable={false}\n        />\n      )}\n      <span\n        dangerouslySetInnerHTML={{\n          __html: finalLabel,\n        }}\n      />\n      {children}\n    </div>\n  );\n}\n\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.node,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n  selected: PropTypes.bool,\n};\n\nfunction DragDropChoice({\n  value,\n  disabled,\n  instanceId,\n  children,\n  n,\n  onChange,\n  removeResponse,\n  duplicates,\n  pos,\n  selected,\n}) {\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `drag-${n.index}`,\n    disabled: disabled || !value?.value,\n    data: {\n      id: `drag-${n.index}`,\n      value,\n      instanceId,\n      n,\n      pos,\n      opts: { duplicates },\n      type: 'drag-in-the-blank-placed-choice',\n      fromChoice: !value,\n      onRemove: (draggedData) => removeResponse(draggedData),\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // place into blank\n        onChange(draggedData);\n\n        if (!duplicates && draggedData.fromChoice) {\n          removeResponse(draggedData);\n        }\n      },\n    },\n  });\n\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `drop-${n.index}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.index}`,\n      pos,\n      n,\n      opts: { duplicates },\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          removeResponse(dropData);\n\n          // set new blank value\n          onChange(draggedData);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => removeResponse(draggedData), 10);\n        }\n      },\n    },\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent\n      n={n}\n      isDragging={isDragging}\n      isOver={isOver}\n      dragItem={dragItem?.data?.current}\n      value={value}\n      selected={selected}\n    >\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  removeResponse: PropTypes.func.isRequired,\n  duplicates: PropTypes.bool,\n  selected: PropTypes.bool,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_renderUi","_mathRendering","_styles","_classnames","_RespArea","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","BlankContent","_ref2","_dragItem$value","children","isDragging","isOver","dragItem","value","selected","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","renderMath","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","borderStyle","color","primaryDark","defaults","BORDER_DARK","BORDER_LIGHT","createElement","ref","className","undefined","style","display","minWidth","minHeight","background","WHITE","boxSizing","borderRadius","overflow","position","padding","touchAction","index","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","bool","DragDropChoice","_ref3","_dragItem$data","disabled","instanceId","onChange","removeResponse","duplicates","pos","_useDraggable","useDraggable","id","data","opts","type","fromChoice","onRemove","draggedData","onDrop","dropData","isValidBlank","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","_extends2","content","classnames","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {\n    fontSize: '120% !important',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value, selected }) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.value, isOver, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n\n  const borderStyle = selected\n    ? `2px solid ${color.primaryDark()}`\n    : isPreview\n      ? `1px solid ${color.defaults.BORDER_DARK}`\n      : `1px solid ${color.defaults.BORDER_LIGHT}`;\n\n  return (\n    <div\n      ref={elementRef}\n      className={selected ? 'selected' : undefined}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: borderStyle,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n        touchAction: 'none',\n      }}\n      data-key={n.index}\n      contentEditable={false}\n    >\n      {hasGrip && (\n        <GripIcon\n          style={{\n            position: 'absolute',\n            top: '6px',\n            left: '15px',\n            color: '#9B9B9B',\n          }}\n          contentEditable={false}\n        />\n      )}\n      <span\n        dangerouslySetInnerHTML={{\n          __html: finalLabel,\n        }}\n      />\n      {children}\n    </div>\n  );\n}\n\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.node,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n  selected: PropTypes.bool,\n};\n\nfunction DragDropChoice({\n  value,\n  disabled,\n  instanceId,\n  children,\n  n,\n  onChange,\n  removeResponse,\n  duplicates,\n  pos,\n  selected,\n}) {\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `drag-${n.index}`,\n    disabled: disabled || !value?.value,\n    data: {\n      id: `drag-${n.index}`,\n      value,\n      instanceId,\n      n,\n      pos,\n      opts: { duplicates },\n      type: 'drag-in-the-blank-placed-choice',\n      fromChoice: !value,\n      onRemove: (draggedData) => removeResponse(draggedData),\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // place into blank\n        onChange(draggedData);\n\n        if (!duplicates && draggedData.fromChoice) {\n          removeResponse(draggedData);\n        }\n      },\n    },\n  });\n\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `drop-${n.index}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.index}`,\n      pos,\n      n,\n      opts: { duplicates },\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          removeResponse(dropData);\n\n          // set new blank value\n          onChange(draggedData);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => removeResponse(draggedData), 10);\n        }\n      },\n    },\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent\n      n={n}\n      isDragging={isDragging}\n      isOver={isOver}\n      dragItem={dragItem?.data?.current}\n      value={value}\n      selected={selected}\n    >\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  removeResponse: PropTypes.func.isRequired,\n  duplicates: PropTypes.bool,\n  selected: PropTypes.bool,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.1.2-next.102+69622991b",
+  "version": "2.1.2-next.104+8e93df66f",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -59,6 +59,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "69622991b32e91c1e2154f98354a3a416f241230",
+  "gitHead": "8e93df66fd174842bc85d9fba0e203898993ca18",
   "scripts": {}
 }

package/src/components/respArea/DragInTheBlank/__tests__/choice.test.jsx

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

package/src/components/respArea/DragInTheBlank/choice.jsx

@@ -10,6 +10,9 @@ import { GripIcon } from '../../icons/RespArea';
 
 const StyledContent = styled('span')(({ theme }) => ({
   border: `solid 0px ${theme.palette.primary.main}`,
+  '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {
+    fontSize: '120% !important',
+  },
   '& mjx-frac': {
     fontSize: '120% !important',
   },