@pie-lib/mask-markup 3.0.14-next.35 → 3.0.14-next.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/choices/choice.js +24 -6
- package/lib/choices/choice.js.map +1 -1
- package/lib/choices/index.js +32 -9
- package/lib/choices/index.js.map +1 -1
- package/lib/components/blank.js +106 -29
- package/lib/components/blank.js.map +1 -1
- package/lib/drag-in-the-blank.js +139 -30
- package/lib/drag-in-the-blank.js.map +1 -1
- package/lib/keyboard-coordinates.js +156 -0
- package/lib/keyboard-coordinates.js.map +1 -0
- package/package.json +5 -5
- package/src/__tests__/drag-in-the-blank.test.js +147 -2
- package/src/__tests__/keyboard-coordinates.test.js +202 -0
- package/src/choices/__tests__/index.test.js +104 -1
- package/src/choices/choice.jsx +16 -3
- package/src/choices/index.jsx +27 -3
- package/src/components/__tests__/blank.test.js +186 -5
- package/src/components/blank.jsx +108 -35
- package/src/drag-in-the-blank.jsx +132 -22
- package/src/keyboard-coordinates.js +147 -0
package/lib/choices/choice.js
CHANGED
|
@@ -22,13 +22,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
22
22
|
var DRAG_TYPE = exports.DRAG_TYPE = 'MaskBlank';
|
|
23
23
|
var StyledChoice = (0, _styles.styled)('span')(function (_ref) {
|
|
24
24
|
var theme = _ref.theme,
|
|
25
|
-
disabled = _ref.disabled
|
|
25
|
+
disabled = _ref.disabled,
|
|
26
|
+
selected = _ref.selected;
|
|
26
27
|
return _objectSpread({
|
|
27
28
|
border: "solid 0px ".concat(theme.palette.primary.main),
|
|
28
|
-
borderRadius: theme.spacing(2),
|
|
29
29
|
margin: theme.spacing(0.5),
|
|
30
30
|
transform: 'translate(0, 0)',
|
|
31
|
-
display: 'inline-flex'
|
|
31
|
+
display: 'inline-flex',
|
|
32
|
+
opacity: selected ? 0.7 : 1
|
|
32
33
|
}, disabled && {});
|
|
33
34
|
});
|
|
34
35
|
var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
|
|
@@ -74,7 +75,9 @@ function Choice(_ref2) {
|
|
|
74
75
|
var _rootRef$current, _rootRef$current2;
|
|
75
76
|
var choice = _ref2.choice,
|
|
76
77
|
disabled = _ref2.disabled,
|
|
77
|
-
instanceId = _ref2.instanceId
|
|
78
|
+
instanceId = _ref2.instanceId,
|
|
79
|
+
selectedItem = _ref2.selectedItem,
|
|
80
|
+
onSelectClick = _ref2.onSelectClick;
|
|
78
81
|
var rootRef = (0, _react.useRef)(null);
|
|
79
82
|
var _useDraggable = (0, _core.useDraggable)({
|
|
80
83
|
id: "choice-".concat(choice.id),
|
|
@@ -93,6 +96,17 @@ function Choice(_ref2) {
|
|
|
93
96
|
(0, _react.useEffect)(function () {
|
|
94
97
|
(0, _mathRendering.renderMath)(rootRef.current);
|
|
95
98
|
}, [choice.value]);
|
|
99
|
+
var isSelected = !!selectedItem && selectedItem.fromChoice === true && selectedItem.choice.id === choice.id;
|
|
100
|
+
var handleClick = function handleClick(e) {
|
|
101
|
+
if (disabled) return;
|
|
102
|
+
e.stopPropagation();
|
|
103
|
+
onSelectClick === null || onSelectClick === void 0 || onSelectClick({
|
|
104
|
+
choice: choice,
|
|
105
|
+
instanceId: instanceId,
|
|
106
|
+
fromChoice: true,
|
|
107
|
+
type: DRAG_TYPE
|
|
108
|
+
});
|
|
109
|
+
};
|
|
96
110
|
return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
|
|
97
111
|
ref: setNodeRef,
|
|
98
112
|
style: isDragging ? {
|
|
@@ -100,7 +114,9 @@ function Choice(_ref2) {
|
|
|
100
114
|
// min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback
|
|
101
115
|
height: ((_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.offsetHeight) || 32 // min-height of chip is 32px, so if we don't have the height, we can use 32px as a fallback
|
|
102
116
|
} : {},
|
|
103
|
-
disabled: disabled
|
|
117
|
+
disabled: disabled,
|
|
118
|
+
selected: isSelected,
|
|
119
|
+
onClick: handleClick
|
|
104
120
|
}, listeners, attributes), /*#__PURE__*/_react["default"].createElement(StyledChip, {
|
|
105
121
|
clickable: false,
|
|
106
122
|
disabled: disabled,
|
|
@@ -115,6 +131,8 @@ function Choice(_ref2) {
|
|
|
115
131
|
Choice.propTypes = {
|
|
116
132
|
choice: _propTypes["default"].object.isRequired,
|
|
117
133
|
disabled: _propTypes["default"].bool,
|
|
118
|
-
instanceId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
|
|
134
|
+
instanceId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
135
|
+
selectedItem: _propTypes["default"].object,
|
|
136
|
+
onSelectClick: _propTypes["default"].func
|
|
119
137
|
};
|
|
120
138
|
//# sourceMappingURL=choice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_styles","_Chip","_mathRendering","_renderUi","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","DRAG_TYPE","exports","StyledChoice","styled","_ref","theme","disabled","border","concat","palette","primary","main","borderRadius","spacing","margin","transform","display","StyledChip","Chip","backgroundColor","color","white","text","alignItems","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","paddingTop","paddingBottom","opacity","StyledChipLabel","padding","Choice","_ref2","_rootRef$current","_rootRef$current2","choice","instanceId","rootRef","useRef","_useDraggable","useDraggable","id","data","fromChoice","type","attributes","listeners","setNodeRef","isDragging","useEffect","renderMath","current","value","createElement","_extends2","ref","style","width","offsetWidth","offsetHeight","clickable","label","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","isRequired","bool","oneOfType","string","number"],"sources":["../../src/choices/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst StyledChoice = styled('span')(({ theme, disabled }) => ({\n border: `solid 0px ${theme.palette.primary.main}`,\n borderRadius: theme.spacing(2),\n margin: theme.spacing(0.5),\n transform: 'translate(0, 0)',\n display: 'inline-flex',\n ...(disabled && {}),\n}));\n\nconst StyledChip = styled(Chip)(() => ({\n backgroundColor: color.white(),\n border: `1px solid ${color.text()}`,\n color: color.text(),\n alignItems: 'center',\n display: 'inline-flex',\n height: 'initial',\n minHeight: '32px',\n fontSize: 'inherit',\n whiteSpace: 'pre-wrap',\n maxWidth: '374px',\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 borderRadius: '3px',\n paddingTop: '12px',\n paddingBottom: '12px',\n\n '&.Mui-disabled': {\n opacity: 1,\n },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n whiteSpace: 'normal',\n '& img': {\n display: 'block',\n padding: '2px 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}));\n\nexport default function Choice({ choice, disabled, instanceId }) {\n const rootRef = useRef(null);\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n id: `choice-${choice.id}`,\n data: { choice, instanceId, fromChoice: true, type: DRAG_TYPE },\n disabled,\n });\n\n useEffect(() => {\n renderMath(rootRef.current);\n }, [choice.value]);\n\n return (\n <StyledChoice\n ref={setNodeRef}\n style={\n isDragging\n ? {\n width: rootRef.current?.offsetWidth || 90, // min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback\n height: rootRef.current?.offsetHeight || 32, // min-height of chip is 32px, so if we don't have the height, we can use 32px as a fallback\n }\n : {}\n }\n disabled={disabled}\n {...listeners}\n {...attributes}\n >\n <StyledChip\n clickable={false}\n disabled={disabled}\n ref={rootRef}\n label={<StyledChipLabel dangerouslySetInnerHTML={{ __html: choice.value }} />}\n />\n </StyledChoice>\n );\n}\n\nChoice.propTypes = {\n choice: PropTypes.object.isRequired,\n disabled: PropTypes.bool,\n instanceId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_styles","_Chip","_mathRendering","_renderUi","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","DRAG_TYPE","exports","StyledChoice","styled","_ref","theme","disabled","selected","border","concat","palette","primary","main","margin","spacing","transform","display","opacity","StyledChip","Chip","backgroundColor","color","white","text","alignItems","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","borderRadius","paddingTop","paddingBottom","StyledChipLabel","padding","Choice","_ref2","_rootRef$current","_rootRef$current2","choice","instanceId","selectedItem","onSelectClick","rootRef","useRef","_useDraggable","useDraggable","id","data","fromChoice","type","attributes","listeners","setNodeRef","isDragging","useEffect","renderMath","current","value","isSelected","handleClick","stopPropagation","createElement","_extends2","ref","style","width","offsetWidth","offsetHeight","onClick","clickable","label","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","isRequired","bool","oneOfType","string","number","func"],"sources":["../../src/choices/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst StyledChoice = styled('span')(({ theme, disabled, selected }) => ({\n border: `solid 0px ${theme.palette.primary.main}`,\n margin: theme.spacing(0.5),\n transform: 'translate(0, 0)',\n display: 'inline-flex',\n opacity: selected ? 0.7 : 1,\n ...(disabled && {}),\n}));\n\nconst StyledChip = styled(Chip)(() => ({\n backgroundColor: color.white(),\n border: `1px solid ${color.text()}`,\n color: color.text(),\n alignItems: 'center',\n display: 'inline-flex',\n height: 'initial',\n minHeight: '32px',\n fontSize: 'inherit',\n whiteSpace: 'pre-wrap',\n maxWidth: '374px',\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 borderRadius: '3px',\n paddingTop: '12px',\n paddingBottom: '12px',\n\n '&.Mui-disabled': {\n opacity: 1,\n },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n whiteSpace: 'normal',\n '& img': {\n display: 'block',\n padding: '2px 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}));\n\nexport default function Choice({ choice, disabled, instanceId, selectedItem, onSelectClick }) {\n const rootRef = useRef(null);\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n id: `choice-${choice.id}`,\n data: { choice, instanceId, fromChoice: true, type: DRAG_TYPE },\n disabled,\n });\n\n useEffect(() => {\n renderMath(rootRef.current);\n }, [choice.value]);\n\n const isSelected = !!selectedItem && selectedItem.fromChoice === true && selectedItem.choice.id === choice.id;\n\n const handleClick = (e) => {\n if (disabled) return;\n\n e.stopPropagation();\n onSelectClick?.({ choice, instanceId, fromChoice: true, type: DRAG_TYPE });\n };\n\n return (\n <StyledChoice\n ref={setNodeRef}\n style={\n isDragging\n ? {\n width: rootRef.current?.offsetWidth || 90, // min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback\n height: rootRef.current?.offsetHeight || 32, // min-height of chip is 32px, so if we don't have the height, we can use 32px as a fallback\n }\n : {}\n }\n disabled={disabled}\n selected={isSelected}\n onClick={handleClick}\n {...listeners}\n {...attributes}\n >\n <StyledChip\n clickable={false}\n disabled={disabled}\n ref={rootRef}\n label={<StyledChipLabel dangerouslySetInnerHTML={{ __html: choice.value }} />}\n />\n </StyledChoice>\n );\n}\n\nChoice.propTypes = {\n choice: PropTypes.object.isRequired,\n disabled: PropTypes.bool,\n instanceId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n selectedItem: PropTypes.object,\n onSelectClick: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}
|
package/lib/choices/index.js
CHANGED
|
@@ -49,18 +49,34 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
+
(0, _defineProperty2["default"])(_this, "handlePoolClick", function () {
|
|
53
|
+
var _this$props = _this.props,
|
|
54
|
+
disabled = _this$props.disabled,
|
|
55
|
+
selectedItem = _this$props.selectedItem,
|
|
56
|
+
onPlacementClick = _this$props.onPlacementClick;
|
|
57
|
+
if (disabled) return;
|
|
58
|
+
if (selectedItem) {
|
|
59
|
+
// `undefined` targetId means "the choice board" — drag-in-the-blank.jsx's
|
|
60
|
+
// commitPlacement routes it to removing the item from wherever it currently is.
|
|
61
|
+
onPlacementClick === null || onPlacementClick === void 0 || onPlacementClick(undefined);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Pool background clicked with nothing selected: nothing to place.
|
|
65
|
+
});
|
|
52
66
|
return _this;
|
|
53
67
|
}
|
|
54
68
|
(0, _inherits2["default"])(Choices, _React$Component);
|
|
55
69
|
return (0, _createClass2["default"])(Choices, [{
|
|
56
70
|
key: "render",
|
|
57
71
|
value: function render() {
|
|
58
|
-
var _this$
|
|
59
|
-
disabled = _this$
|
|
60
|
-
duplicates = _this$
|
|
61
|
-
choices = _this$
|
|
62
|
-
value = _this$
|
|
63
|
-
instanceId = _this$
|
|
72
|
+
var _this$props2 = this.props,
|
|
73
|
+
disabled = _this$props2.disabled,
|
|
74
|
+
duplicates = _this$props2.duplicates,
|
|
75
|
+
choices = _this$props2.choices,
|
|
76
|
+
value = _this$props2.value,
|
|
77
|
+
instanceId = _this$props2.instanceId,
|
|
78
|
+
selectedItem = _this$props2.selectedItem,
|
|
79
|
+
onSelectClick = _this$props2.onSelectClick;
|
|
64
80
|
var filteredChoices = choices.filter(function (c) {
|
|
65
81
|
if (duplicates === true) {
|
|
66
82
|
return true;
|
|
@@ -74,7 +90,8 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
|
74
90
|
minWidth: '100px'
|
|
75
91
|
});
|
|
76
92
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
|
-
style: elementStyle
|
|
93
|
+
style: elementStyle,
|
|
94
|
+
onClick: this.handlePoolClick
|
|
78
95
|
}, /*#__PURE__*/_react["default"].createElement(_drag.DragDroppablePlaceholder, {
|
|
79
96
|
disabled: disabled,
|
|
80
97
|
instanceId: instanceId
|
|
@@ -83,7 +100,9 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
|
83
100
|
key: "".concat(c.value, "-").concat(index),
|
|
84
101
|
disabled: disabled,
|
|
85
102
|
choice: c,
|
|
86
|
-
instanceId: instanceId
|
|
103
|
+
instanceId: instanceId,
|
|
104
|
+
selectedItem: selectedItem,
|
|
105
|
+
onSelectClick: onSelectClick
|
|
87
106
|
});
|
|
88
107
|
})));
|
|
89
108
|
}
|
|
@@ -98,6 +117,10 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
|
98
117
|
})),
|
|
99
118
|
value: _propTypes["default"].object,
|
|
100
119
|
choicePosition: _propTypes["default"].string.isRequired,
|
|
101
|
-
instanceId: _propTypes["default"].string
|
|
120
|
+
instanceId: _propTypes["default"].string,
|
|
121
|
+
// Added for drag isolation
|
|
122
|
+
selectedItem: _propTypes["default"].object,
|
|
123
|
+
onSelectClick: _propTypes["default"].func,
|
|
124
|
+
onPlacementClick: _propTypes["default"].func
|
|
102
125
|
});
|
|
103
126
|
//# sourceMappingURL=index.js.map
|
package/lib/choices/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodashEs","_choice","_drag","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","Choices","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","choicePosition","props","margin","_inherits2","_createClass2","key","value","render","_this$
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodashEs","_choice","_drag","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","Choices","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","choicePosition","props","margin","_this$props","disabled","selectedItem","onPlacementClick","undefined","_inherits2","_createClass2","key","value","render","_this$props2","duplicates","choices","instanceId","onSelectClick","filteredChoices","c","foundChoice","findKey","v","id","elementStyle","getStyleForWrapper","minWidth","createElement","style","onClick","handlePoolClick","DragDroppablePlaceholder","map","index","choice","React","Component","PropTypes","bool","arrayOf","shape","label","string","object","isRequired","func"],"sources":["../../src/choices/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { findKey } from 'lodash-es';\nimport Choice from './choice';\nimport { DragDroppablePlaceholder } from '@pie-lib/drag';\n\nexport default class Choices extends React.Component {\n static propTypes = {\n disabled: PropTypes.bool,\n duplicates: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\n value: PropTypes.object,\n choicePosition: PropTypes.string.isRequired,\n instanceId: PropTypes.string, // Added for drag isolation\n selectedItem: PropTypes.object,\n onSelectClick: PropTypes.func,\n onPlacementClick: PropTypes.func,\n };\n\n getStyleForWrapper = () => {\n const { choicePosition } = this.props;\n\n switch (choicePosition) {\n case 'above':\n return {\n margin: '0 0 40px 0',\n };\n\n case 'below':\n return {\n margin: '40px 0 0 0',\n };\n\n case 'right':\n return {\n margin: '0 0 0 40px',\n };\n\n default:\n return {\n margin: '0 40px 0 0',\n };\n }\n };\n\n handlePoolClick = () => {\n const { disabled, selectedItem, onPlacementClick } = this.props;\n\n if (disabled) return;\n\n if (selectedItem) {\n // `undefined` targetId means \"the choice board\" — drag-in-the-blank.jsx's\n // commitPlacement routes it to removing the item from wherever it currently is.\n onPlacementClick?.(undefined);\n }\n\n // Pool background clicked with nothing selected: nothing to place.\n };\n\n render() {\n const { disabled, duplicates, choices, value, instanceId, selectedItem, onSelectClick } = this.props;\n const filteredChoices = choices.filter((c) => {\n if (duplicates === true) {\n return true;\n }\n const foundChoice = findKey(value, (v) => v === c.id);\n return foundChoice === undefined;\n });\n const elementStyle = { ...this.getStyleForWrapper(), minWidth: '100px' };\n\n return (\n <div style={elementStyle} onClick={this.handlePoolClick}>\n <DragDroppablePlaceholder disabled={disabled} instanceId={instanceId}>\n {filteredChoices.map((c, index) => (\n <Choice\n key={`${c.value}-${index}`}\n disabled={disabled}\n choice={c}\n instanceId={instanceId}\n selectedItem={selectedItem}\n onSelectClick={onSelectClick}\n />\n ))}\n </DragDroppablePlaceholder>\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
package/lib/components/blank.js
CHANGED
|
@@ -14,7 +14,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
14
14
|
var _mathRendering = require("@pie-lib/math-rendering");
|
|
15
15
|
var _debug = _interopRequireDefault(require("debug"));
|
|
16
16
|
var _core = require("@dnd-kit/core");
|
|
17
|
-
var _utilities = require("@dnd-kit/utilities");
|
|
18
17
|
var _styles = require("@mui/material/styles");
|
|
19
18
|
var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
|
|
20
19
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -26,21 +25,31 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
26
25
|
var log = (0, _debug["default"])('pie-lib:mask-markup:blank');
|
|
27
26
|
var StyledContent = (0, _styles.styled)('span')(function (_ref) {
|
|
28
27
|
var dragged = _ref.dragged,
|
|
29
|
-
over = _ref.over
|
|
30
|
-
|
|
28
|
+
over = _ref.over,
|
|
29
|
+
selected = _ref.selected,
|
|
30
|
+
showsPointerCursor = _ref.showsPointerCursor;
|
|
31
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
31
32
|
border: "solid 0px ".concat(_renderUi.color.primary()),
|
|
32
33
|
minWidth: '200px',
|
|
33
|
-
touchAction: 'none',
|
|
34
34
|
overflow: 'hidden',
|
|
35
35
|
whiteSpace: 'nowrap',
|
|
36
|
-
opacity: 1
|
|
36
|
+
opacity: 1,
|
|
37
|
+
cursor: 'default'
|
|
37
38
|
}, over && {
|
|
38
39
|
whiteSpace: 'nowrap',
|
|
39
40
|
overflow: 'hidden'
|
|
40
|
-
}), dragged && {
|
|
41
|
+
}), (dragged || selected) && {
|
|
41
42
|
opacity: 0.5
|
|
43
|
+
}), showsPointerCursor && {
|
|
44
|
+
'&:hover': {
|
|
45
|
+
cursor: 'pointer'
|
|
46
|
+
}
|
|
42
47
|
});
|
|
43
48
|
});
|
|
49
|
+
var StyledDragHandle = (0, _styles.styled)('span')({
|
|
50
|
+
display: 'inline-flex',
|
|
51
|
+
touchAction: 'none'
|
|
52
|
+
});
|
|
44
53
|
var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
|
|
45
54
|
return {
|
|
46
55
|
backgroundColor: _renderUi.color.background(),
|
|
@@ -333,24 +342,43 @@ function DragDropBlank(_ref3) {
|
|
|
333
342
|
onChange = _ref3.onChange,
|
|
334
343
|
emptyResponseAreaWidth = _ref3.emptyResponseAreaWidth,
|
|
335
344
|
emptyResponseAreaHeight = _ref3.emptyResponseAreaHeight,
|
|
336
|
-
instanceId = _ref3.instanceId
|
|
345
|
+
instanceId = _ref3.instanceId,
|
|
346
|
+
selectedItem = _ref3.selectedItem,
|
|
347
|
+
onSelectClick = _ref3.onSelectClick,
|
|
348
|
+
onPlacementClick = _ref3.onPlacementClick;
|
|
349
|
+
var _useState3 = (0, _react.useState)(false),
|
|
350
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
351
|
+
isHovered = _useState4[0],
|
|
352
|
+
setIsHovered = _useState4[1];
|
|
353
|
+
var dragData = {
|
|
354
|
+
id: id,
|
|
355
|
+
choice: choice,
|
|
356
|
+
instanceId: instanceId,
|
|
357
|
+
fromChoice: false,
|
|
358
|
+
// This is from a blank, not from choices
|
|
359
|
+
type: 'MaskBlank'
|
|
360
|
+
};
|
|
361
|
+
|
|
337
362
|
// Setup draggable functionality
|
|
338
363
|
var _useDraggable = (0, _core.useDraggable)({
|
|
339
364
|
id: "mask-blank-drag-".concat(id),
|
|
340
365
|
disabled: disabled || !choice,
|
|
341
|
-
data:
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
366
|
+
data: dragData,
|
|
367
|
+
// dnd-kit's own `attributes` default tabIndex to 0 unconditionally, even when
|
|
368
|
+
// `disabled` — so a non-draggable (empty) blank stays a native Tab stop of its own.
|
|
369
|
+
// For a drop-zone (droppable blank), that duplicates the outer wrapper's own tab stop
|
|
370
|
+
// (see isNativeTabStop below) at the exact same position, so Tab/Shift+Tab has to
|
|
371
|
+
// pass through both to move anywhere visibly, making every other press look like a
|
|
372
|
+
// no-op. Drop it out of the tab order here whenever it isn't independently
|
|
373
|
+
// reachable/interactive, leaving the outer wrapper (for an empty blank) or
|
|
374
|
+
// nothing (for a disabled blank) as the sole stop.
|
|
375
|
+
attributes: {
|
|
376
|
+
tabIndex: choice && !disabled ? 0 : -1
|
|
348
377
|
}
|
|
349
378
|
}),
|
|
350
379
|
dragAttributes = _useDraggable.attributes,
|
|
351
380
|
dragListeners = _useDraggable.listeners,
|
|
352
381
|
setDragNodeRef = _useDraggable.setNodeRef,
|
|
353
|
-
transform = _useDraggable.transform,
|
|
354
382
|
isDragging = _useDraggable.isDragging;
|
|
355
383
|
|
|
356
384
|
// Setup droppable functionality
|
|
@@ -365,33 +393,79 @@ function DragDropBlank(_ref3) {
|
|
|
365
393
|
setDropNodeRef = _useDroppable.setNodeRef,
|
|
366
394
|
isOver = _useDroppable.isOver,
|
|
367
395
|
dragItem = _useDroppable.active;
|
|
396
|
+
var isSelected = !!selectedItem && selectedItem.fromChoice === false && selectedItem.id === id;
|
|
397
|
+
var handleClick = function handleClick() {
|
|
398
|
+
if (disabled) return;
|
|
399
|
+
if (isSelected) {
|
|
400
|
+
// Clicking this blank's already-selected content again deselects it.
|
|
401
|
+
onSelectClick === null || onSelectClick === void 0 || onSelectClick(dragData);
|
|
402
|
+
} else if (selectedItem) {
|
|
403
|
+
// Something else is selected — place it here, whether this blank is currently
|
|
404
|
+
// empty or already filled (the same commitPlacement logic drag-and-drop uses).
|
|
405
|
+
onPlacementClick === null || onPlacementClick === void 0 || onPlacementClick(id);
|
|
406
|
+
} else if (choice) {
|
|
407
|
+
// Nothing selected yet, and this blank holds an answer — select it for moving
|
|
408
|
+
// elsewhere, the same way Tab+Space/Enter does.
|
|
409
|
+
onSelectClick === null || onSelectClick === void 0 || onSelectClick(dragData);
|
|
410
|
+
}
|
|
368
411
|
|
|
369
|
-
|
|
370
|
-
var setNodeRef = function setNodeRef(node) {
|
|
371
|
-
setDragNodeRef(node);
|
|
372
|
-
setDropNodeRef(node);
|
|
412
|
+
// Empty blank clicked with nothing selected: nothing to place or select.
|
|
373
413
|
};
|
|
374
|
-
|
|
375
|
-
|
|
414
|
+
|
|
415
|
+
// An empty blank isn't draggable, so dnd-kit's own attributes (only applied to the
|
|
416
|
+
// inner node, and only when draggable) never make it tabbable — this outer wrapper
|
|
417
|
+
// needs its own focus/activation handling so "select a choice, then Tab to a blank
|
|
418
|
+
// and press Space/Enter" works even when the blank is empty. This is independent of,
|
|
419
|
+
// and doesn't change, the existing in-drag Tab-cycling (that's driven by an active
|
|
420
|
+
// dnd-kit drag, not native focus).
|
|
421
|
+
//
|
|
422
|
+
// Only made a native Tab stop when NOT draggable (i.e. empty): when the blank is
|
|
423
|
+
// filled, the inner node is already independently tabbable via dnd-kit's own
|
|
424
|
+
// attributes for the existing pick-up-to-move gesture, and adding a second, outer Tab
|
|
425
|
+
// stop for the same visual chip would add an extra stop to the existing Tab order —
|
|
426
|
+
// the same double-tab-stop bug already found and fixed once in match-list/image-
|
|
427
|
+
// cloze-association's equivalent code.
|
|
428
|
+
var isNativeTabStop = !choice && !disabled;
|
|
429
|
+
var isInnerDraggable = !!choice && !disabled;
|
|
430
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
431
|
+
if (e.code === 'Space' || e.code === 'Enter') {
|
|
432
|
+
e.preventDefault();
|
|
433
|
+
handleClick();
|
|
434
|
+
}
|
|
376
435
|
};
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
436
|
+
var hasSelection = !!selectedItem;
|
|
437
|
+
var showsHoverEffect = isOver || hasSelection && isHovered && !disabled;
|
|
438
|
+
return /*#__PURE__*/_react["default"].createElement(StyledContent, {
|
|
439
|
+
ref: setDropNodeRef,
|
|
440
|
+
role: isNativeTabStop ? 'button' : undefined,
|
|
441
|
+
tabIndex: isNativeTabStop ? 0 : -1,
|
|
442
|
+
onClick: handleClick,
|
|
443
|
+
onKeyDown: isNativeTabStop ? handleKeyDown : undefined,
|
|
444
|
+
onMouseEnter: function onMouseEnter() {
|
|
445
|
+
return setIsHovered(true);
|
|
446
|
+
},
|
|
447
|
+
onMouseLeave: function onMouseLeave() {
|
|
448
|
+
return setIsHovered(false);
|
|
449
|
+
},
|
|
380
450
|
dragged: isDragging,
|
|
381
|
-
over:
|
|
382
|
-
|
|
451
|
+
over: showsHoverEffect,
|
|
452
|
+
selected: isSelected,
|
|
453
|
+
showsPointerCursor: hasSelection && !disabled
|
|
454
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledDragHandle, (0, _extends2["default"])({
|
|
455
|
+
ref: setDragNodeRef
|
|
456
|
+
}, isInnerDraggable ? dragAttributes : {}, dragListeners), /*#__PURE__*/_react["default"].createElement(BlankContent, {
|
|
383
457
|
id: id,
|
|
384
458
|
disabled: disabled,
|
|
385
459
|
duplicates: duplicates,
|
|
386
460
|
choice: choice,
|
|
387
|
-
isOver:
|
|
461
|
+
isOver: showsHoverEffect,
|
|
388
462
|
dragItem: dragItem === null || dragItem === void 0 || (_dragItem$data = dragItem.data) === null || _dragItem$data === void 0 ? void 0 : _dragItem$data.current,
|
|
389
463
|
correct: correct,
|
|
390
464
|
onChange: onChange,
|
|
391
465
|
emptyResponseAreaWidth: emptyResponseAreaWidth,
|
|
392
466
|
emptyResponseAreaHeight: emptyResponseAreaHeight,
|
|
393
467
|
instanceId: instanceId
|
|
394
|
-
}));
|
|
468
|
+
})));
|
|
395
469
|
}
|
|
396
470
|
DragDropBlank.defaultProps = {
|
|
397
471
|
emptyResponseAreaWidth: 0,
|
|
@@ -406,7 +480,10 @@ DragDropBlank.propTypes = {
|
|
|
406
480
|
onChange: _propTypes["default"].func,
|
|
407
481
|
emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
408
482
|
emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
409
|
-
instanceId: _propTypes["default"].string
|
|
483
|
+
instanceId: _propTypes["default"].string,
|
|
484
|
+
selectedItem: _propTypes["default"].object,
|
|
485
|
+
onSelectClick: _propTypes["default"].func,
|
|
486
|
+
onPlacementClick: _propTypes["default"].func
|
|
410
487
|
};
|
|
411
488
|
var _default = exports["default"] = DragDropBlank;
|
|
412
489
|
//# sourceMappingURL=blank.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blank.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_mathRendering","_debug","_core","_utilities","_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","border","concat","color","primary","minWidth","touchAction","overflow","whiteSpace","opacity","StyledChip","Chip","backgroundColor","background","text","fontSize","maxWidth","position","borderRadius","grey","correct","incorrect","StyledChipLabel","pointerEvents","display","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","_useDraggable","useDraggable","data","fromChoice","type","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setDropNodeRef","active","CSS","Translate","toString","_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 { CSS } from '@dnd-kit/utilities';\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 }) => ({\n border: `solid 0px ${color.primary()}`,\n minWidth: '200px',\n touchAction: 'none',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n opacity: 1,\n ...(over && {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n }),\n ...(dragged && {\n opacity: 0.5,\n }),\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}) {\n // Setup draggable functionality\n const {\n attributes: dragAttributes,\n listeners: dragListeners,\n setNodeRef: setDragNodeRef,\n transform,\n isDragging,\n } = useDraggable({\n id: `mask-blank-drag-${id}`,\n disabled: disabled || !choice,\n data: {\n id: id,\n choice: choice,\n instanceId: instanceId,\n fromChoice: false, // This is from a blank, not from choices\n type: 'MaskBlank',\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 // Combine refs for both drag and drop\n const setNodeRef = (node) => {\n setDragNodeRef(node);\n setDropNodeRef(node);\n };\n\n const style = {\n transform: CSS.Translate.toString(transform),\n };\n\n return (\n <StyledContent\n ref={setNodeRef}\n style={style}\n dragged={isDragging}\n over={isOver}\n {...dragAttributes}\n {...dragListeners}\n >\n <BlankContent\n id={id}\n disabled={disabled}\n duplicates={duplicates}\n choice={choice}\n isOver={isOver}\n dragItem={dragItem?.data?.current}\n correct={correct}\n onChange={onChange}\n emptyResponseAreaWidth={emptyResponseAreaWidth}\n emptyResponseAreaHeight={emptyResponseAreaHeight}\n instanceId={instanceId}\n />\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};\n\nexport default DragDropBlank;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,WAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AAA4C,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,wBAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAE5C,IAAMkC,GAAG,GAAG,IAAAC,iBAAK,EAAC,2BAA2B,CAAC;AAE9C,IAAMC,aAAa,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAAA,OAAAb,aAAA,CAAAA,aAAA;IACnDc,MAAM,eAAAC,MAAA,CAAeC,eAAK,CAACC,OAAO,CAAC,CAAC,CAAE;IACtCC,QAAQ,EAAE,OAAO;IACjBC,WAAW,EAAE,MAAM;IACnBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EAAC,GACNT,IAAI,IAAI;IACVQ,UAAU,EAAE,QAAQ;IACpBD,QAAQ,EAAE;EACZ,CAAC,GACGR,OAAO,IAAI;IACbU,OAAO,EAAE;EACX,CAAC;AAAA,CACD,CAAC;AAEH,IAAMC,UAAU,GAAG,IAAAb,cAAM,EAACc,gBAAI,CAAC,CAAC;EAAA,OAAO;IACrCC,eAAe,EAAET,eAAK,CAACU,UAAU,CAAC,CAAC;IACnCZ,MAAM,gBAAAC,MAAA,CAAgBC,eAAK,CAACW,IAAI,CAAC,CAAC,CAAE;IACpCR,WAAW,EAAE,MAAM;IACnBH,KAAK,EAAEA,eAAK,CAACW,IAAI,CAAC,CAAC;IACnBC,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,OAAO;IACjBC,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE;MACRV,UAAU,EAAE,QAAQ;MACpBD,QAAQ,EAAE;IACZ,CAAC;IACD,cAAc,EAAE;MACdN,MAAM,eAAAC,MAAA,CAAeiB,YAAI,CAAC,GAAG,CAAC,CAAE;MAChCP,eAAe,KAAAV,MAAA,CAAKiB,YAAI,CAAC,GAAG,CAAC;IAC/B,CAAC;IACD,WAAW,EAAE;MACXlB,MAAM,eAAAC,MAAA,CAAeC,eAAK,CAACiB,OAAO,CAAC,CAAC;IACtC,CAAC;IACD,aAAa,EAAE;MACbnB,MAAM,eAAAC,MAAA,CAAeC,eAAK,CAACkB,SAAS,CAAC,CAAC;IACxC,CAAC;IACD,gBAAgB,EAAE;MAChBZ,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMa,eAAe,GAAG,IAAAzB,cAAM,EAAC,MAAM,CAAC,CAAC;EAAA,OAAO;IAC5CW,UAAU,EAAE,QAAQ;IACpB;IACA;IACA;IACAe,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE;IACX,CAAC;IACD;IACA;IACA;IACA,KAAK,EAAE;MACLC,SAAS,EAAE,GAAG;MACdC,YAAY,EAAE;IAChB,CAAC;IACD,YAAY,EAAE;MACZZ,QAAQ,EAAE;IACZ,CAAC;IACD,+CAA+C,EAAE;MAC/CA,QAAQ,EAAE;IACZ,CAAC;IACD,QAAQ,EAAE;MACRP,UAAU,EAAE,QAAQ;MACpBD,QAAQ,EAAE;IACZ,CAAC;IACD,UAAU,EAAE;MACVJ,KAAK,EAAE,aAAa;MACpBM,OAAO,EAAE;IACX,CAAC;IACD,WAAW,EAAE;MACXQ,QAAQ,EAAE,UAAU;MACpBW,IAAI,EAAE,EAAE;MACRZ,QAAQ,EAAE,MAAM;MAChBa,GAAG,EAAE,KAAK;MACVC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,SAASC,YAAYA,CAAAC,KAAA,EASlB;EAAA,IAAAC,gBAAA,EAAAC,kBAAA,EAAAC,mBAAA;EAAA,IARDC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IACRC,MAAM,GAAAL,KAAA,CAANK,MAAM;IACNC,MAAM,GAAAN,KAAA,CAANM,MAAM;IACNC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,QAAQ,GAAAR,KAAA,CAARQ,QAAQ;IACRpB,OAAO,GAAAY,KAAA,CAAPZ,OAAO;IACPqB,sBAAsB,GAAAT,KAAA,CAAtBS,sBAAsB;IACtBC,uBAAuB,GAAAV,KAAA,CAAvBU,uBAAuB;EAEvB,IAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAC,IAAI,CAAC;EAC5B,IAAME,SAAS,GAAG,IAAAF,aAAM,EAAC,IAAI,CAAC,CAAC,CAAC;EAChC,IAAMG,YAAY,GAAG,IAAAH,aAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EACpC,IAAAI,SAAA,GAAoC,IAAAC,eAAQ,EAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAA9DM,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAEhC,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5BC,gBAAgB,CAAC,CAAC;EACpB,CAAC;EAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAAA,IAAAC,gBAAA;IAC3B,IAAMC,YAAY,IAAAD,gBAAA,GAAGd,OAAO,CAACgB,OAAO,cAAAF,gBAAA,uBAAfA,gBAAA,CAAiBG,aAAa,CAAC,KAAK,CAAC;IAC1D,IAAIF,YAAY,EAAE;MAChBA,YAAY,CAACG,MAAM,GAAGP,eAAe;IACvC,CAAC,MAAM;MACLQ,UAAU,CAAC,YAAM;QACfP,gBAAgB,CAAC,CAAC;MACpB,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC;EAED,IAAMQ,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAI,CAACpB,OAAO,CAACgB,OAAO,EAAE;MACpB,OAAO,IAAI;IACb;IAEA,IAAMK,GAAG,GAAGrB,OAAO,CAACgB,OAAO,CAACC,aAAa,CAAC,eAAe,CAAC;IAE1D,IAAII,GAAG,IAAIrB,OAAO,CAACgB,OAAO,CAACM,aAAa,EAAE;MACxC,OAAOtB,OAAO,CAACgB,OAAO,CAACM,aAAa;IACtC;IAEA,IAAMC,GAAG,GAAGvB,OAAO,CAACgB,OAAO,CAACC,aAAa,CAAC,KAAK,CAAC;IAEhD,IAAIM,GAAG,EAAE;MACP;MACA,IAAMC,cAAc,GAAGxB,OAAO,CAACgB,OAAO,CAACS,WAAW,CAACC,IAAI,CAAC,CAAC,CAAClF,MAAM,GAAG,CAAC;MAEpE,OAAOgF,cAAc,GAAGxB,OAAO,CAACgB,OAAO,GAAGO,GAAG;IAC/C;IAEA,OAAOvB,OAAO,CAACgB,OAAO;EACxB,CAAC;EAED,IAAMJ,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7B,IAAIZ,OAAO,CAACgB,OAAO,IAAIlB,OAAO,CAACkB,OAAO,IAAI,CAACd,YAAY,CAACc,OAAO,EAAE;MAC/Dd,YAAY,CAACc,OAAO,GAAG,IAAI;MAC3B;MACAlB,OAAO,CAACkB,OAAO,CAACW,KAAK,CAACrB,KAAK,GAAG,MAAM;MACpCR,OAAO,CAACkB,OAAO,CAACW,KAAK,CAACtB,MAAM,GAAG,MAAM;MACrCP,OAAO,CAACkB,OAAO,CAACY,YAAY;MAE5B,IAAMC,WAAW,GAAGT,cAAc,CAAC,CAAC;MACpC,IAAMU,IAAI,GAAGD,WAAW,IAAI7B,OAAO,CAACgB,OAAO;MAC3C,IAAMe,IAAI,GAAGD,IAAI,CAACE,qBAAqB,CAAC,CAAC;MACzC,IAAM1B,KAAK,GAAGwB,IAAI,CAACG,WAAW,IAAIF,IAAI,CAACzB,KAAK,IAAI,CAAC;MACjD,IAAMD,MAAM,GAAG6B,IAAI,CAACC,GAAG,CACrBL,IAAI,CAACF,YAAY,IAAI,CAAC,EACtBG,IAAI,CAAC1B,MAAM,IAAI,CAAC,EAChByB,IAAI,CAACM,YAAY,IAAI,CAAC,EACtBpC,OAAO,CAACgB,OAAO,CAACoB,YAAY,IAAI,CAClC,CAAC;MAED,IAAMC,OAAO,GAAG,EAAE;MAClB,IAAMC,YAAY,GAAG,CAAC;MACtB,IAAMC,gBAAgB,GAAG,CAAC;MAC1B;MACA,IAAMC,gBAAgB,GAAGlC,KAAK,GAAG,CAAC,GAAG+B,OAAO,GAAG,CAAC,GAAGC,YAAY,GAAGC,gBAAgB;MAClF;MACA,IAAME,iBAAiB,GAAGpC,MAAM,GAAG,CAAC,GAAGgC,OAAO,GAAG,CAAC,GAAGC,YAAY,GAAGC,gBAAgB;MAEpF,IAAMG,iBAAiB,GAAGC,UAAU,CAAC/C,sBAAsB,CAAC,IAAI,CAAC;MACjE,IAAMgD,kBAAkB,GAAGD,UAAU,CAAC9C,uBAAuB,CAAC,IAAI,CAAC;MAEnE,IAAMgD,aAAa,GAAGL,gBAAgB,IAAIE,iBAAiB,GAAGA,iBAAiB,GAAGF,gBAAgB;MAClG,IAAMM,cAAc,GAAGL,iBAAiB,IAAIG,kBAAkB,GAAGA,kBAAkB,GAAGH,iBAAiB;MAEvG/B,aAAa,CAAC,UAACqC,SAAS;QAAA,OAAM;UAC5BzC,KAAK,EAAEuC,aAAa,GAAGH,iBAAiB,GAAGG,aAAa,GAAGE,SAAS,CAACzC,KAAK;UAC1ED,MAAM,EAAEyC,cAAc,GAAGF,kBAAkB,GAAGE,cAAc,GAAGC,SAAS,CAAC1C;QAC3E,CAAC;MAAA,CAAC,CAAC;MAEH,IAAM2C,SAAS,MAAA3F,MAAA,CAAMwF,aAAa,OAAI;MACtC,IAAMI,UAAU,MAAA5F,MAAA,CAAMyF,cAAc,OAAI;MACxC,IAAIhD,OAAO,CAACkB,OAAO,CAACW,KAAK,CAACrB,KAAK,KAAK0C,SAAS,EAAE;QAC7ClD,OAAO,CAACkB,OAAO,CAACW,KAAK,CAACrB,KAAK,GAAG0C,SAAS;MACzC;MACA,IAAIlD,OAAO,CAACkB,OAAO,CAACW,KAAK,CAACtB,MAAM,KAAK4C,UAAU,EAAE;QAC/CnD,OAAO,CAACkB,OAAO,CAACW,KAAK,CAACtB,MAAM,GAAG4C,UAAU;MAC3C;MACA/C,YAAY,CAACc,OAAO,GAAG,KAAK;IAC9B;EACF,CAAC;EAED,IAAMkC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;IAC9B;IACA,IAAMR,iBAAiB,GAAG,CAACS,KAAK,CAACR,UAAU,CAAC/C,sBAAsB,CAAC,CAAC,GAAG+C,UAAU,CAAC/C,sBAAsB,CAAC,GAAG,CAAC;IAC7G,IAAMgD,kBAAkB,GAAG,CAACO,KAAK,CAACR,UAAU,CAAC9C,uBAAuB,CAAC,CAAC,GAAG8C,UAAU,CAAC9C,uBAAuB,CAAC,GAAG,CAAC;IAEhH,IAAMuD,SAAS,GAAG;MAChB/C,MAAM,EAAEI,UAAU,CAACJ,MAAM,IAAIuC,kBAAkB;MAC/CtC,KAAK,EAAEG,UAAU,CAACH,KAAK,IAAIoC;IAC7B,CAAC;;IAED;IACA,OAAApG,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACK8G,SAAS,GACRV,iBAAiB,GAAG,CAAC,CAAC,GAAG;MAAElF,QAAQ,EAAE;IAAG,CAAC,GACzCoF,kBAAkB,GAAG,CAAC,CAAC,GAAG;MAAES,SAAS,EAAE;IAAG,CAAC;EAEnD,CAAC;EAED,IAAAC,gBAAS,EAAC,YAAM;IACdzC,cAAc,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA,IAAAyC,gBAAS,EAAC,YAAM;IACd,IAAI,OAAOC,oBAAoB,KAAK,WAAW,IAAI,CAACzD,OAAO,CAACkB,OAAO,EAAE,OAAOwC,SAAS;IACrF,IAAMC,EAAE,GAAG,IAAIF,oBAAoB,CACjC,UAACG,OAAO,EAAK;MACX,IAAIA,OAAO,CAACC,IAAI,CAAC,UAAChJ,CAAC;QAAA,OAAKA,CAAC,CAACiJ,cAAc;MAAA,EAAC,EAAEhD,gBAAgB,CAAC,CAAC;IAC/D,CAAC,EACD;MAAEiD,SAAS,EAAE;IAAE,CACjB,CAAC;IACDJ,EAAE,CAACK,OAAO,CAAChE,OAAO,CAACkB,OAAO,CAAC;IAC3B,OAAO;MAAA,OAAMyC,EAAE,CAACM,UAAU,CAAC,CAAC;IAAA;EAC9B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAT,gBAAS,EAAC,YAAM;IACd,IAAIxD,OAAO,CAACkB,OAAO,EAAE;MACnB,IAAAgD,yBAAU,EAAClE,OAAO,CAACkB,OAAO,CAAC;IAC7B;EACF,CAAC,EAAE,CAACzC,OAAO,EAAEkB,MAAM,EAAEE,QAAQ,aAARA,QAAQ,gBAAAP,gBAAA,GAARO,QAAQ,CAAEH,MAAM,cAAAJ,gBAAA,uBAAhBA,gBAAA,CAAkB6E,KAAK,CAAC,CAAC;EAE9C,IAAAX,gBAAS,EAAC,YAAM;IACd,IAAI,CAAC9D,MAAM,EAAE;MACXkB,aAAa,CAAC;QAAEL,MAAM,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAC,CAAC;MACtC;IACF;IACAO,cAAc,CAAC,CAAC;EAClB,CAAC,EAAE,CAACrB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEyE,KAAK,CAAC,CAAC;EAEnB,IAAAX,gBAAS,EAAC,YAAM;IACd,IAAI,CAAC7D,MAAM,IAAI,CAACC,UAAU,EAAE;MAC1BO,SAAS,CAACe,OAAO,GAAG;QAClBV,KAAK,EAAER,OAAO,CAACkB,OAAO,CAACiB,WAAW;QAClC5B,MAAM,EAAEP,OAAO,CAACkB,OAAO,CAACY;MAC1B,CAAC;IACH;EACF,CAAC,EAAE,CAACpC,MAAM,EAAEC,MAAM,EAAEC,UAAU,CAAC,CAAC;EAEhC,IAAMwE,YAAY,GAAGvE,QAAQ,IAAIF,MAAM,IAAIE,QAAQ,CAACH,MAAM,IAAIG,QAAQ,CAACH,MAAM,CAACyE,KAAK;EACnF,IAAME,KAAK,GAAG3E,MAAM,IAAIA,MAAM,CAACyE,KAAK;EACpC,IAAMtC,KAAK,GACTlC,MAAM,IAAIC,UAAU,GAChB;IACEY,KAAK,GAAAjB,kBAAA,GAAEY,SAAS,CAACe,OAAO,cAAA3B,kBAAA,uBAAjBA,kBAAA,CAAmBiB,KAAK;IAC/BD,MAAM,GAAAf,mBAAA,GAAEW,SAAS,CAACe,OAAO,cAAA1B,mBAAA,uBAAjBA,mBAAA,CAAmBe;EAC7B,CAAC,GACD6C,iBAAiB,CAAC,CAAC;EAEzB,oBACErJ,MAAA,YAAAuK,aAAA,CAACvG,UAAU;IACTwG,SAAS,EAAE,KAAM;IACjB9E,QAAQ,EAAEA,QAAS;IACnB+E,GAAG,EAAExE,OAAQ;IACbyE,SAAS,EAAC,MAAM;IAChBJ,KAAK,eACHtK,MAAA,YAAAuK,aAAA,CAACvK,MAAA,WAAK,CAAC2K,QAAQ,qBACb3K,MAAA,YAAAuK,aAAA,CAAC3F,eAAe;MACd6F,GAAG,EAAEtE,OAAQ;MACbyE,SAAS,EAAE,IAAK;MAChBC,SAAS,EAAE,IAAAC,sBAAU,EAAC;QACpBxH,IAAI,EAAEsC,MAAM;QACZmF,MAAM,EAAEV;MACV,CAAC,CAAE;MACHW,uBAAuB,EAAE;QAAEC,MAAM,EAAEX,KAAK,IAAI;MAAG;IAAE,CAClD,CAAC,EACDD,YAAY,iBACXrK,MAAA,YAAAuK,aAAA,CAAC3F,eAAe;MACdgG,SAAS,EAAE,IAAK;MAChBC,SAAS,EAAE,IAAAC,sBAAU,EAAC;QACpBxH,IAAI,EAAEsC,MAAM;QACZvC,OAAO,EAAE;MACX,CAAC,CAAE;MACH2H,uBAAuB,EAAE;QAAEC,MAAM,EAAEZ,YAAY,IAAI;MAAG;IAAE,CACzD,CAEW,CACjB;IACDQ,SAAS,EAAE,IAAAC,sBAAU,EAAC;MACpBxH,IAAI,EAAEsC,MAAM;MACZsF,UAAU,EAAEtF,MAAM;MAClBlB,OAAO,EAAEA,OAAO,KAAKiF,SAAS,IAAIjF,OAAO;MACzCC,SAAS,EAAED,OAAO,KAAKiF,SAAS,IAAI,CAACjF;IACvC,CAAC,CAAE;IACHyG,OAAO,EAAEzF,QAAQ,GAAG,UAAU,GAAGiE,SAAU;IAC3C7B,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN;AAEAzC,YAAY,CAAC+F,YAAY,GAAG;EAC1BrF,sBAAsB,EAAE,CAAC;EACzBC,uBAAuB,EAAE;AAC3B,CAAC;AAEDX,YAAY,CAACgG,SAAS,GAAG;EACvBC,EAAE,EAAEC,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAC7DhG,QAAQ,EAAE6F,qBAAS,CAACI,IAAI;EACxBC,UAAU,EAAEL,qBAAS,CAACI,IAAI;EAC1BhG,MAAM,EAAE4F,qBAAS,CAACM,MAAM;EACxBjG,MAAM,EAAE2F,qBAAS,CAACI,IAAI;EACtB7F,QAAQ,EAAEyF,qBAAS,CAACM,MAAM;EAC1BnH,OAAO,EAAE6G,qBAAS,CAACI,IAAI;EACvBG,QAAQ,EAAEP,qBAAS,CAACQ,IAAI;EACxBhG,sBAAsB,EAAEwF,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EACjF1F,uBAAuB,EAAEuF,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAClFM,UAAU,EAAET,qBAAS,CAACE;AACxB,CAAC;;AAED;AACA,SAASQ,aAAaA,CAAAC,KAAA,EAUnB;EAAA,IAAAC,cAAA;EAAA,IATDb,EAAE,GAAAY,KAAA,CAAFZ,EAAE;IACF5F,QAAQ,GAAAwG,KAAA,CAARxG,QAAQ;IACRkG,UAAU,GAAAM,KAAA,CAAVN,UAAU;IACVjG,MAAM,GAAAuG,KAAA,CAANvG,MAAM;IACNjB,OAAO,GAAAwH,KAAA,CAAPxH,OAAO;IACPoH,QAAQ,GAAAI,KAAA,CAARJ,QAAQ;IACR/F,sBAAsB,GAAAmG,KAAA,CAAtBnG,sBAAsB;IACtBC,uBAAuB,GAAAkG,KAAA,CAAvBlG,uBAAuB;IACvBgG,UAAU,GAAAE,KAAA,CAAVF,UAAU;EAEV;EACA,IAAAI,aAAA,GAMI,IAAAC,kBAAY,EAAC;MACff,EAAE,qBAAA9H,MAAA,CAAqB8H,EAAE,CAAE;MAC3B5F,QAAQ,EAAEA,QAAQ,IAAI,CAACC,MAAM;MAC7B2G,IAAI,EAAE;QACJhB,EAAE,EAAEA,EAAE;QACN3F,MAAM,EAAEA,MAAM;QACdqG,UAAU,EAAEA,UAAU;QACtBO,UAAU,EAAE,KAAK;QAAE;QACnBC,IAAI,EAAE;MACR;IACF,CAAC,CAAC;IAfYC,cAAc,GAAAL,aAAA,CAA1BM,UAAU;IACCC,aAAa,GAAAP,aAAA,CAAxBQ,SAAS;IACGC,cAAc,GAAAT,aAAA,CAA1BU,UAAU;IACV1H,SAAS,GAAAgH,aAAA,CAAThH,SAAS;IACTS,UAAU,GAAAuG,aAAA,CAAVvG,UAAU;;EAaZ;EACA,IAAAkH,aAAA,GAII,IAAAC,kBAAY,EAAC;MACf1B,EAAE,qBAAA9H,MAAA,CAAqB8H,EAAE,CAAE;MAC3BgB,IAAI,EAAE;QACJhB,EAAE,EAAEA,EAAE;QACN2B,OAAO,EAAE,CAAC,WAAW,CAAC;QACtBjB,UAAU,EAAEA;MACd;IACF,CAAC,CAAC;IAVYkB,cAAc,GAAAH,aAAA,CAA1BD,UAAU;IACVlH,MAAM,GAAAmH,aAAA,CAANnH,MAAM;IACEE,QAAQ,GAAAiH,aAAA,CAAhBI,MAAM;;EAUR;EACA,IAAML,UAAU,GAAG,SAAbA,UAAUA,CAAI7E,IAAI,EAAK;IAC3B4E,cAAc,CAAC5E,IAAI,CAAC;IACpBiF,cAAc,CAACjF,IAAI,CAAC;EACtB,CAAC;EAED,IAAMH,KAAK,GAAG;IACZ1C,SAAS,EAAEgI,cAAG,CAACC,SAAS,CAACC,QAAQ,CAAClI,SAAS;EAC7C,CAAC;EAED,oBACEpF,MAAA,YAAAuK,aAAA,CAACrH,aAAa,MAAAqK,SAAA;IACZ9C,GAAG,EAAEqC,UAAW;IAChBhF,KAAK,EAAEA,KAAM;IACbzE,OAAO,EAAEwC,UAAW;IACpBvC,IAAI,EAAEsC;EAAO,GACT6G,cAAc,EACdE,aAAa,gBAEjB3M,MAAA,YAAAuK,aAAA,CAAClF,YAAY;IACXiG,EAAE,EAAEA,EAAG;IACP5F,QAAQ,EAAEA,QAAS;IACnBkG,UAAU,EAAEA,UAAW;IACvBjG,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfE,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,gBAAAqG,cAAA,GAARrG,QAAQ,CAAEwG,IAAI,cAAAH,cAAA,uBAAdA,cAAA,CAAgBhF,OAAQ;IAClCzC,OAAO,EAAEA,OAAQ;IACjBoH,QAAQ,EAAEA,QAAS;IACnB/F,sBAAsB,EAAEA,sBAAuB;IAC/CC,uBAAuB,EAAEA,uBAAwB;IACjDgG,UAAU,EAAEA;EAAW,CACxB,CACY,CAAC;AAEpB;AAEAC,aAAa,CAACb,YAAY,GAAG;EAC3BrF,sBAAsB,EAAE,CAAC;EACzBC,uBAAuB,EAAE;AAC3B,CAAC;AAEDiG,aAAa,CAACZ,SAAS,GAAG;EACxBC,EAAE,EAAEC,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAC7DhG,QAAQ,EAAE6F,qBAAS,CAACI,IAAI;EACxBC,UAAU,EAAEL,qBAAS,CAACI,IAAI;EAC1BhG,MAAM,EAAE4F,qBAAS,CAACM,MAAM;EACxBnH,OAAO,EAAE6G,qBAAS,CAACI,IAAI;EACvBG,QAAQ,EAAEP,qBAAS,CAACQ,IAAI;EACxBhG,sBAAsB,EAAEwF,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EACjF1F,uBAAuB,EAAEuF,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAClFM,UAAU,EAAET,qBAAS,CAACE;AACxB,CAAC;AAAC,IAAA+B,QAAA,GAAAC,OAAA,cAEaxB,aAAa","ignoreList":[]}
|
|
1
|
+
{"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":[]}
|