@pie-lib/mask-markup 3.0.3 → 3.0.4-next.102
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 +3 -2
- package/lib/choices/choice.js.map +1 -1
- package/lib/components/blank.js +51 -13
- package/lib/components/blank.js.map +1 -1
- package/lib/components/dropdown.js +26 -11
- package/lib/components/dropdown.js.map +1 -1
- package/package.json +4 -4
- package/src/choices/choice.jsx +2 -2
- package/src/components/__tests__/blank.test.js +32 -2
- package/src/components/__tests__/dropdown.test.js +37 -1
- package/src/components/blank.jsx +55 -12
- package/src/components/dropdown.jsx +14 -1
package/lib/choices/choice.js
CHANGED
|
@@ -93,8 +93,9 @@ function Choice(_ref2) {
|
|
|
93
93
|
return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
|
|
94
94
|
ref: setNodeRef,
|
|
95
95
|
style: isDragging ? {
|
|
96
|
-
width: (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetWidth,
|
|
97
|
-
|
|
96
|
+
width: ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetWidth) || 90,
|
|
97
|
+
// min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback
|
|
98
|
+
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
|
|
98
99
|
} : {},
|
|
99
100
|
disabled: disabled
|
|
100
101
|
}, listeners, attributes), /*#__PURE__*/_react["default"].createElement(StyledChip, {
|
|
@@ -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}));\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
|
|
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}));\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":[]}
|
package/lib/components/blank.js
CHANGED
|
@@ -121,6 +121,7 @@ function BlankContent(_ref2) {
|
|
|
121
121
|
var rootRef = (0, _react.useRef)(null);
|
|
122
122
|
var spanRef = (0, _react.useRef)(null);
|
|
123
123
|
var frozenRef = (0, _react.useRef)(null); // to use during dragging to prevent flickering
|
|
124
|
+
var measuringRef = (0, _react.useRef)(false); // guard against ResizeObserver feedback loops
|
|
124
125
|
var _useState = (0, _react.useState)({
|
|
125
126
|
height: 0,
|
|
126
127
|
width: 0
|
|
@@ -143,15 +144,24 @@ function BlankContent(_ref2) {
|
|
|
143
144
|
}
|
|
144
145
|
};
|
|
145
146
|
var getMeasureNode = function getMeasureNode() {
|
|
146
|
-
if (!spanRef.current)
|
|
147
|
+
if (!spanRef.current) {
|
|
148
|
+
return null;
|
|
149
|
+
}
|
|
147
150
|
var mjx = spanRef.current.querySelector('mjx-container');
|
|
148
|
-
if (mjx && spanRef.current.parentElement)
|
|
151
|
+
if (mjx && spanRef.current.parentElement) {
|
|
152
|
+
return spanRef.current.parentElement;
|
|
153
|
+
}
|
|
149
154
|
var img = spanRef.current.querySelector('img');
|
|
150
|
-
if (img)
|
|
155
|
+
if (img) {
|
|
156
|
+
// If there's text alongside the image, measure the full span to capture both dimensions
|
|
157
|
+
var hasTextContent = spanRef.current.textContent.trim().length > 0;
|
|
158
|
+
return hasTextContent ? spanRef.current : img;
|
|
159
|
+
}
|
|
151
160
|
return spanRef.current;
|
|
152
161
|
};
|
|
153
162
|
var updateDimensions = function updateDimensions() {
|
|
154
|
-
if (spanRef.current && rootRef.current) {
|
|
163
|
+
if (spanRef.current && rootRef.current && !measuringRef.current) {
|
|
164
|
+
measuringRef.current = true;
|
|
155
165
|
// Temporarily set rootRef width to 'auto' for natural measurement
|
|
156
166
|
rootRef.current.style.width = 'auto';
|
|
157
167
|
rootRef.current.style.height = 'auto';
|
|
@@ -159,11 +169,15 @@ function BlankContent(_ref2) {
|
|
|
159
169
|
var measureNode = getMeasureNode();
|
|
160
170
|
var node = measureNode || spanRef.current;
|
|
161
171
|
var rect = node.getBoundingClientRect();
|
|
162
|
-
var width =
|
|
163
|
-
var height = Math.max(
|
|
164
|
-
var
|
|
165
|
-
var
|
|
166
|
-
|
|
172
|
+
var width = node.offsetWidth || rect.width || 0;
|
|
173
|
+
var height = Math.max(node.offsetHeight || 0, rect.height || 0, node.scrollHeight || 0, spanRef.current.scrollHeight || 0);
|
|
174
|
+
var PADDING = 12;
|
|
175
|
+
var BORDER_WIDTH = 2;
|
|
176
|
+
var ADDITIONAL_SPACE = 1;
|
|
177
|
+
// padding and border on each side
|
|
178
|
+
var widthWithPadding = width + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;
|
|
179
|
+
// padding and border on top and bottom
|
|
180
|
+
var heightWithPadding = height + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;
|
|
167
181
|
var responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;
|
|
168
182
|
var responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;
|
|
169
183
|
var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
|
|
@@ -174,8 +188,15 @@ function BlankContent(_ref2) {
|
|
|
174
188
|
height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
|
|
175
189
|
};
|
|
176
190
|
});
|
|
177
|
-
|
|
178
|
-
|
|
191
|
+
var nextWidth = "".concat(adjustedWidth, "px");
|
|
192
|
+
var nextHeight = "".concat(adjustedHeight, "px");
|
|
193
|
+
if (rootRef.current.style.width !== nextWidth) {
|
|
194
|
+
rootRef.current.style.width = nextWidth;
|
|
195
|
+
}
|
|
196
|
+
if (rootRef.current.style.height !== nextHeight) {
|
|
197
|
+
rootRef.current.style.height = nextHeight;
|
|
198
|
+
}
|
|
199
|
+
measuringRef.current = false;
|
|
179
200
|
}
|
|
180
201
|
};
|
|
181
202
|
var getRootDimensions = function getRootDimensions() {
|
|
@@ -198,12 +219,29 @@ function BlankContent(_ref2) {
|
|
|
198
219
|
handleElements();
|
|
199
220
|
}, []);
|
|
200
221
|
|
|
222
|
+
// Re-measure when the element first becomes visible — covers the tabbed-view case
|
|
223
|
+
// where the initial measurement happened while the tab was hidden (size 0).
|
|
224
|
+
(0, _react.useEffect)(function () {
|
|
225
|
+
if (typeof IntersectionObserver === 'undefined' || !rootRef.current) return undefined;
|
|
226
|
+
var io = new IntersectionObserver(function (entries) {
|
|
227
|
+
if (entries.some(function (e) {
|
|
228
|
+
return e.isIntersecting;
|
|
229
|
+
})) updateDimensions();
|
|
230
|
+
}, {
|
|
231
|
+
threshold: 0
|
|
232
|
+
});
|
|
233
|
+
io.observe(rootRef.current);
|
|
234
|
+
return function () {
|
|
235
|
+
return io.disconnect();
|
|
236
|
+
};
|
|
237
|
+
}, []);
|
|
238
|
+
|
|
201
239
|
// Render math for the placeholder/preview when dragging over
|
|
202
240
|
(0, _react.useEffect)(function () {
|
|
203
241
|
if (rootRef.current) {
|
|
204
242
|
(0, _mathRendering.renderMath)(rootRef.current);
|
|
205
243
|
}
|
|
206
|
-
}, [isOver, dragItem === null || dragItem === void 0 || (_dragItem$choice = dragItem.choice) === null || _dragItem$choice === void 0 ? void 0 : _dragItem$choice.value]);
|
|
244
|
+
}, [correct, isOver, dragItem === null || dragItem === void 0 || (_dragItem$choice = dragItem.choice) === null || _dragItem$choice === void 0 ? void 0 : _dragItem$choice.value]);
|
|
207
245
|
(0, _react.useEffect)(function () {
|
|
208
246
|
if (!choice) {
|
|
209
247
|
setDimensions({
|
|
@@ -213,7 +251,7 @@ function BlankContent(_ref2) {
|
|
|
213
251
|
return;
|
|
214
252
|
}
|
|
215
253
|
handleElements();
|
|
216
|
-
}, [choice]);
|
|
254
|
+
}, [choice === null || choice === void 0 ? void 0 : choice.value]);
|
|
217
255
|
(0, _react.useEffect)(function () {
|
|
218
256
|
if (!isOver && !isDragging) {
|
|
219
257
|
frozenRef.current = {
|
|
@@ -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","_useState","useState","height","width","_useState2","_slicedToArray2","dimensions","setDimensions","handleImageLoad","updateDimensions","handleElements","_spanRef$current","imageElement","current","querySelector","onload","setTimeout","getMeasureNode","mjx","parentElement","img","style","offsetHeight","measureNode","node","rect","getBoundingClientRect","offsetWidth","Math","max","scrollHeight","widthWithPadding","heightWithPadding","responseAreaWidth","parseFloat","responseAreaHeight","adjustedWidth","adjustedHeight","prevState","getRootDimensions","isNaN","rootStyle","minHeight","useEffect","renderMath","value","draggedLabel","label","createElement","clickable","ref","component","Fragment","draggable","className","classnames","hidden","dangerouslySetInnerHTML","__html","parentOver","undefined","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 '&.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 [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) return null;\n const mjx = spanRef.current.querySelector('mjx-container');\n if (mjx && spanRef.current.parentElement) return spanRef.current.parentElement;\n const img = spanRef.current.querySelector('img');\n if (img) return img;\n return spanRef.current;\n };\n\n const updateDimensions = () => {\n if (spanRef.current && rootRef.current) {\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 = rect.width || node.offsetWidth || 0;\n const height = Math.max(\n rect.height || 0,\n node.offsetHeight || 0,\n node.scrollHeight || 0,\n spanRef.current.scrollHeight || 0,\n );\n\n const widthWithPadding = width + 24; // 12px padding on each side\n const heightWithPadding = height + 24; // 12px padding on top and bottom\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 rootRef.current.style.width = `${adjustedWidth}px`;\n rootRef.current.style.height = `${adjustedHeight}px`;\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 // Render math for the placeholder/preview when dragging over\n useEffect(() => {\n if (rootRef.current) {\n renderMath(rootRef.current);\n }\n }, [isOver, dragItem?.choice?.value]);\n\n useEffect(() => {\n if (!choice) {\n setDimensions({ height: 0, width: 0 });\n return;\n }\n handleElements();\n }, [choice]);\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":"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","ignoreList":[]}
|
|
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 '&.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\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":"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","ignoreList":[]}
|
|
@@ -187,8 +187,22 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
187
187
|
(0, _classCallCheck2["default"])(this, Dropdown);
|
|
188
188
|
_this = _callSuper(this, Dropdown, [props]);
|
|
189
189
|
(0, _defineProperty2["default"])(_this, "handleClick", function (event) {
|
|
190
|
-
|
|
191
|
-
|
|
190
|
+
var _this$props = _this.props,
|
|
191
|
+
id = _this$props.id,
|
|
192
|
+
value = _this$props.value,
|
|
193
|
+
choices = _this$props.choices;
|
|
194
|
+
var highlightedOptionId = null;
|
|
195
|
+
if (value) {
|
|
196
|
+
var selectedIndex = (choices || []).findIndex(function (c) {
|
|
197
|
+
return c.value === value;
|
|
198
|
+
});
|
|
199
|
+
if (selectedIndex >= 0) {
|
|
200
|
+
highlightedOptionId = "dropdown-option-".concat(id, "-").concat(selectedIndex);
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
_this.setState({
|
|
204
|
+
anchorEl: event.currentTarget,
|
|
205
|
+
highlightedOptionId: highlightedOptionId
|
|
192
206
|
});
|
|
193
207
|
});
|
|
194
208
|
(0, _defineProperty2["default"])(_this, "handleClose", function () {
|
|
@@ -301,15 +315,15 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
301
315
|
key: "render",
|
|
302
316
|
value: function render() {
|
|
303
317
|
var _this2 = this;
|
|
304
|
-
var _this$
|
|
305
|
-
id = _this$
|
|
306
|
-
correct = _this$
|
|
307
|
-
disabled = _this$
|
|
308
|
-
value = _this$
|
|
309
|
-
choices = _this$
|
|
310
|
-
showCorrectAnswer = _this$
|
|
311
|
-
singleQuery = _this$
|
|
312
|
-
correctValue = _this$
|
|
318
|
+
var _this$props2 = this.props,
|
|
319
|
+
id = _this$props2.id,
|
|
320
|
+
correct = _this$props2.correct,
|
|
321
|
+
disabled = _this$props2.disabled,
|
|
322
|
+
value = _this$props2.value,
|
|
323
|
+
choices = _this$props2.choices,
|
|
324
|
+
showCorrectAnswer = _this$props2.showCorrectAnswer,
|
|
325
|
+
singleQuery = _this$props2.singleQuery,
|
|
326
|
+
correctValue = _this$props2.correctValue;
|
|
313
327
|
var anchorEl = this.state.anchorEl;
|
|
314
328
|
var open = Boolean(anchorEl);
|
|
315
329
|
var buttonId = "dropdown-button-".concat(id);
|
|
@@ -424,6 +438,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
424
438
|
return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
|
|
425
439
|
id: optionId,
|
|
426
440
|
className: c.value === value ? 'selected' : '',
|
|
441
|
+
selected: c.value === value,
|
|
427
442
|
key: "".concat(c.label, "-").concat(index),
|
|
428
443
|
value: c.value,
|
|
429
444
|
onClick: function onClick() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_InputLabel","_Menu","_MenuItem","_ArrowDropDown","_ArrowDropUp","_Close","_Check","_styles","_renderUi","_mathRendering","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","StyledButton","styled","Button","color","text","border","concat","borderGray","borderRadius","justifyContent","backgroundColor","background","position","height","width","margin","textTransform","paddingRight","right","top","pointerEvents","marginLeft","outline","tertiary","outlineOffset","borderWidth","borderColor","correct","incorrectWithIcon","StyledMenu","Menu","padding","StyledMenuItem","MenuItem","overflow","fontSize","fontWeight","fontFamily","lineHeight","whiteSpace","dropdownBackground","boxSizing","StyledLabel","StyledSelectedIndicator","flexShrink","paddingLeft","StyledInputLabel","InputLabel","left","StyledCorrectnessIcon","Check","white","StyledIncorrectnessIcon","Close","Dropdown","_React$Component","props","_this","_classCallCheck2","event","setState","anchorEl","currentTarget","value","previewValue","highlightedOptionId","previewRef","current","innerHTML","index","id","stateUpdate","choices","onChange","handleHighlight","handleClose","selectedValue","state","ref","elementRefs","preview","menuWidth","hiddenRef","React","createRef","buttonRef","_inherits2","_createClass2","key","componentDidMount","clientWidth","componentDidUpdate","prevProps","prevState","hiddenEl","dropdownJustOpened","containsLatex","querySelector","hasMathJax","mathHandled","renderMath","newWidth","getLabel","found","find","choice","label","trim","undefined","render","_this2","_this$props","disabled","showCorrectAnswer","singleQuery","correctValue","open","buttonId","menuId","valueDisplayId","disabledClass","incrementedId","parseInt","labelId","labelText","correctnessIcon","createElement","className","Fragment","style","visibility","tabIndex","map","c","dangerouslySetInnerHTML","__html","minWidth","transition","onClick","handleClick","role","keepMounted","onClose","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","transitionDuration","enter","exit","slotProps","paper","list","disablePadding","optionId","handleSelect","onMouseOver","handleHover","Component","PropTypes","string","bool","func","arrayOf","shape","_default","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport InputLabel from '@mui/material/InputLabel';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Close from '@mui/icons-material/Close';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledButton = styled(Button)(() => ({\n color: color.text(),\n border: `1px solid ${color.borderGray()}`,\n borderRadius: '4px',\n justifyContent: 'space-between',\n backgroundColor: color.background(),\n position: 'relative',\n height: '45px',\n width: 'fit-content',\n margin: '2px',\n textTransform: 'none',\n '& span': {\n paddingRight: '24px',\n },\n '& svg': {\n position: 'absolute',\n right: '4px',\n top: 'calc(50% - 12px)',\n pointerEvents: 'none',\n color: color.text(),\n marginLeft: '5px',\n },\n '&.Mui-focused': {\n outline: `3px solid ${color.tertiary()}`,\n outlineOffset: '2px',\n borderWidth: '3px',\n },\n '&.disabledCorrect': {\n borderWidth: '2px',\n borderColor: color.correct(),\n color: `${color.text()} !important`,\n },\n '&.disabledIncorrect': {\n borderWidth: '2px',\n borderColor: color.incorrectWithIcon(),\n color: `${color.text()} !important`,\n },\n}));\n\nconst StyledMenu = styled(Menu)(() => ({\n backgroundColor: color.background(),\n border: `1px solid ${color.correct()} !important`,\n '&:hover': {\n border: `1px solid ${color.text()} `,\n borderColor: 'initial',\n },\n '&:focus': {\n border: `1px solid ${color.text()}`,\n borderColor: 'initial',\n },\n // remove default padding on the inner list\n '& .MuiList-root': {\n padding: 0,\n },\n}));\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n // base text/layout styles (from old JSS - before mui v5 migration)\n height: 24,\n overflow: 'hidden',\n fontSize: '1rem',\n fontWeight: 400,\n fontFamily: 'inherit',\n lineHeight: '1.5em',\n whiteSpace: 'nowrap',\n\n // custom styles\n color: color.text(),\n backgroundColor: color.background(),\n '&.Mui-focusVisible': {\n outline: `3px solid ${color.tertiary()}`,\n outlineOffset: '-1px', // keeps it inside the item\n color: color.text(),\n backgroundColor: color.background(),\n },\n '&:hover': {\n color: color.text(),\n backgroundColor: color.dropdownBackground(),\n },\n boxSizing: 'border-box',\n padding: '16px 8px',\n borderRadius: '4px',\n '&.selected': {\n color: `${color.text()} !important`,\n backgroundColor: `${color.background()} !important`,\n '&:hover': {\n color: color.text(),\n backgroundColor: `${color.dropdownBackground()} !important`,\n },\n },\n}));\n\nconst StyledLabel = styled('span')(() => ({\n fontSize: 'max(1rem, 14px)',\n}));\n\nconst StyledSelectedIndicator = styled('span')(() => ({\n fontSize: 'max(1rem, 14px)',\n flexShrink: 0,\n paddingLeft: '8px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n position: 'absolute',\n left: '-10000px',\n top: 'auto',\n width: '1px',\n height: '1px',\n overflow: 'hidden',\n}));\n\nconst StyledCorrectnessIcon = styled(Check)(() => ({\n color: `${color.white()} !important`,\n position: 'absolute',\n top: '-8px !important',\n left: '-8px',\n marginLeft: '0 !important',\n borderRadius: '50%',\n fontSize: '16px',\n padding: '2px',\n '&.correct': {\n backgroundColor: color.correct(),\n },\n '&.incorrect': {\n backgroundColor: color.incorrectWithIcon(),\n },\n}));\n\nconst StyledIncorrectnessIcon = styled(Close)(() => ({\n color: `${color.white()} !important`,\n position: 'absolute',\n top: '-8px !important',\n left: '-8px',\n marginLeft: '0 !important',\n borderRadius: '50%',\n fontSize: '16px',\n padding: '2px',\n '&.correct': {\n backgroundColor: color.correct(),\n },\n '&.incorrect': {\n backgroundColor: color.incorrectWithIcon(),\n },\n}));\n\nclass Dropdown extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n correct: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n showCorrectAnswer: PropTypes.bool,\n singleQuery: PropTypes.bool,\n correctValue: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n anchorEl: null,\n highlightedOptionId: null,\n menuWidth: null,\n previewValue: null,\n };\n this.hiddenRef = React.createRef();\n this.buttonRef = React.createRef();\n this.previewRef = React.createRef();\n this.elementRefs = [];\n }\n\n componentDidMount() {\n // measure hidden menu width once\n if (this.hiddenRef.current && this.state.menuWidth === null) {\n this.setState({ menuWidth: this.hiddenRef.current.clientWidth });\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n const hiddenEl = this.hiddenRef.current;\n\n const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;\n if (dropdownJustOpened) {\n this.elementRefs.forEach((ref) => {\n if (!ref) return;\n\n const containsLatex = ref.querySelector('[data-latex], [data-raw]');\n const hasMathJax = ref.querySelector('mjx-container');\n const mathHandled = ref.querySelector('[data-math-handled=\"true\"]');\n\n if (containsLatex && (!mathHandled || !hasMathJax)) {\n renderMath(ref);\n }\n });\n }\n\n if (hiddenEl) {\n const newWidth = hiddenEl.clientWidth;\n if (newWidth !== this.state.menuWidth) {\n this.elementRefs.forEach((ref) => {\n if (ref) renderMath(ref);\n });\n\n renderMath(hiddenEl);\n this.setState({ menuWidth: newWidth });\n }\n }\n }\n\n handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n handleClose = () => {\n const { value } = this.props;\n this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });\n // clear displayed preview if no selection\n if (!value && this.previewRef.current) {\n this.previewRef.current.innerHTML = '';\n }\n };\n\n handleHighlight = (index) => {\n const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n // preview on hover if nothing selected\n const stateUpdate = { highlightedOptionId };\n if (!this.props.value) {\n stateUpdate.previewValue = this.props.choices[index].value;\n }\n this.setState(stateUpdate);\n };\n\n handleSelect = (value, index) => {\n this.props.onChange(this.props.id, value);\n this.handleHighlight(index);\n this.handleClose();\n };\n\n handleHover = (index) => {\n const selectedValue = this.props.value;\n\n if (selectedValue) return;\n\n const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n const previewValue = this.state.previewValue;\n\n this.setState({ highlightedOptionId, previewValue }, () => {\n // On hover, preview the math-rendered content inside the button if no value is selected.\n const ref = this.elementRefs[index];\n const preview = this.previewRef.current;\n\n if (ref && preview) {\n preview.innerHTML = ref.innerHTML;\n }\n });\n };\n\n getLabel(choices, value) {\n const found = (choices || []).find((choice) => choice.value === value);\n\n return found ? found.label.trim() : undefined;\n }\n\n render() {\n const { id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n const { anchorEl } = this.state;\n const open = Boolean(anchorEl);\n const buttonId = `dropdown-button-${id}`;\n const menuId = `dropdown-menu-${id}`;\n const valueDisplayId = `dropdown-value-${id}`;\n\n // Determine the class for disabled state, view mode and evaluate mode\n let disabledClass;\n // Reset elementRefs before each render to avoid stale references\n this.elementRefs = [];\n\n if (disabled && correct !== undefined) {\n disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';\n }\n\n // Create distinct, visually hidden labels for each dropdown\n const incrementedId = parseInt(id, 10) + 1;\n const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n let correctnessIcon = null;\n if (disabled && correct !== undefined) {\n correctnessIcon =\n correct || showCorrectAnswer ? (\n <StyledCorrectnessIcon className=\"correct\" />\n ) : (\n <StyledIncorrectnessIcon className=\"incorrect\" />\n );\n }\n\n return (\n <>\n <div\n ref={this.hiddenRef}\n style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}\n tabIndex={-1}\n aria-hidden=\"true\"\n >\n {(choices || []).map((c, index) => (\n <StyledMenuItem key={index} tabIndex={-1} aria-hidden=\"true\">\n <StyledLabel dangerouslySetInnerHTML={{ __html: c.label }} />\n </StyledMenuItem>\n ))}\n </div>\n <StyledInputLabel id={labelId} tabIndex={-1} aria-hidden=\"true\">\n {labelText}\n </StyledInputLabel>\n <StyledButton\n ref={this.buttonRef}\n style={{\n ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),\n borderWidth: open ? '2px' : '1px',\n transition: 'border-width 0.2s ease-in-out',\n }}\n aria-controls={open ? menuId : undefined}\n aria-haspopup=\"listbox\"\n aria-expanded={open ? 'true' : undefined}\n aria-activedescendant={this.state.highlightedOptionId}\n onClick={this.handleClick}\n className={disabledClass}\n disabled={disabled}\n id={buttonId}\n role=\"combobox\"\n aria-label={`Select an option for ${labelText}`}\n aria-labelledby={valueDisplayId}\n >\n {correctnessIcon}\n <StyledLabel\n id={valueDisplayId}\n ref={this.previewRef}\n dangerouslySetInnerHTML={{\n __html: correctValue\n ? correctValue\n : open && this.state.previewValue\n ? this.getLabel(choices, this.state.previewValue)\n : this.getLabel(choices, value) || '',\n }}\n />\n {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n </StyledButton>\n <StyledMenu\n id={menuId}\n anchorEl={anchorEl}\n keepMounted\n open={open}\n onClose={this.handleClose}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n transitionDuration={{ enter: 225, exit: 195 }}\n slotProps={{\n paper: this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined,\n list: {\n 'aria-labelledby': buttonId,\n role: 'listbox',\n disablePadding: true,\n },\n }}\n >\n {(choices || []).map((c, index) => {\n const optionId = `dropdown-option-${id}-${index}`;\n\n return (\n <StyledMenuItem\n id={optionId}\n className={c.value === value ? 'selected' : ''}\n key={`${c.label}-${index}`}\n value={c.value}\n onClick={() => this.handleSelect(c.value, index)}\n role=\"option\"\n aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n onMouseOver={() => this.handleHover(index)}\n >\n <StyledLabel\n ref={(ref) => (this.elementRefs[index] = ref)}\n dangerouslySetInnerHTML={{ __html: c.label }}\n />\n <StyledSelectedIndicator dangerouslySetInnerHTML={{ __html: c.value === value ? ' ✓' : '' }} />\n </StyledMenuItem>\n );\n })}\n </StyledMenu>\n </>\n );\n }\n}\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAEA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AAAqD,SAAAa,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAoB,WAAAlB,CAAA,EAAAI,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAApB,CAAA,EAAAqB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAAnB,CAAA,EAAAwB,WAAA,IAAApB,CAAA,CAAAK,KAAA,CAAAT,CAAA,EAAAF,CAAA;AAAA,SAAAuB,0BAAA,cAAArB,CAAA,IAAAyB,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAN,OAAA,CAAAC,SAAA,CAAAE,OAAA,iCAAAzB,CAAA,aAAAqB,yBAAA,YAAAA,0BAAA,aAAArB,CAAA;AAErD,IAAM6B,YAAY,GAAG,IAAAC,cAAM,EAACC,kBAAM,CAAC,CAAC;EAAA,OAAO;IACzCC,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;IACnBC,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACI,UAAU,CAAC,CAAC,CAAE;IACzCC,YAAY,EAAE,KAAK;IACnBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,KAAK;IACbC,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE;MACRC,YAAY,EAAE;IAChB,CAAC;IACD,OAAO,EAAE;MACPL,QAAQ,EAAE,UAAU;MACpBM,KAAK,EAAE,KAAK;MACZC,GAAG,EAAE,kBAAkB;MACvBC,aAAa,EAAE,MAAM;MACrBjB,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;MACnBiB,UAAU,EAAE;IACd,CAAC;IACD,eAAe,EAAE;MACfC,OAAO,eAAAhB,MAAA,CAAeH,eAAK,CAACoB,QAAQ,CAAC,CAAC,CAAE;MACxCC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE;IACf,CAAC;IACD,mBAAmB,EAAE;MACnBA,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAEvB,eAAK,CAACwB,OAAO,CAAC,CAAC;MAC5BxB,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACC,IAAI,CAAC,CAAC;IACxB,CAAC;IACD,qBAAqB,EAAE;MACrBqB,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAEvB,eAAK,CAACyB,iBAAiB,CAAC,CAAC;MACtCzB,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACC,IAAI,CAAC,CAAC;IACxB;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMyB,UAAU,GAAG,IAAA5B,cAAM,EAAC6B,gBAAI,CAAC,CAAC;EAAA,OAAO;IACrCpB,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC,CAAC;IACnCN,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACwB,OAAO,CAAC,CAAC,gBAAa;IACjD,SAAS,EAAE;MACTtB,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACC,IAAI,CAAC,CAAC,MAAG;MACpCsB,WAAW,EAAE;IACf,CAAC;IACD,SAAS,EAAE;MACTrB,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACC,IAAI,CAAC,CAAC,CAAE;MACnCsB,WAAW,EAAE;IACf,CAAC;IACD;IACA,iBAAiB,EAAE;MACjBK,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,cAAc,GAAG,IAAA/B,cAAM,EAACgC,oBAAQ,CAAC,CAAC;EAAA,OAAO;IAC7C;IACApB,MAAM,EAAE,EAAE;IACVqB,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,SAAS;IACrBC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,QAAQ;IAEpB;IACApC,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;IACnBM,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC,CAAC;IACnC,oBAAoB,EAAE;MACpBW,OAAO,eAAAhB,MAAA,CAAeH,eAAK,CAACoB,QAAQ,CAAC,CAAC,CAAE;MACxCC,aAAa,EAAE,MAAM;MAAE;MACvBrB,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;MACnBM,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC;IACpC,CAAC;IACD,SAAS,EAAE;MACTR,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;MACnBM,eAAe,EAAEP,eAAK,CAACqC,kBAAkB,CAAC;IAC5C,CAAC;IACDC,SAAS,EAAE,YAAY;IACvBV,OAAO,EAAE,UAAU;IACnBvB,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE;MACZL,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACC,IAAI,CAAC,CAAC,gBAAa;MACnCM,eAAe,KAAAJ,MAAA,CAAKH,eAAK,CAACQ,UAAU,CAAC,CAAC,gBAAa;MACnD,SAAS,EAAE;QACTR,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;QACnBM,eAAe,KAAAJ,MAAA,CAAKH,eAAK,CAACqC,kBAAkB,CAAC,CAAC;MAChD;IACF;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,WAAW,GAAG,IAAAzC,cAAM,EAAC,MAAM,CAAC,CAAC;EAAA,OAAO;IACxCkC,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMQ,uBAAuB,GAAG,IAAA1C,cAAM,EAAC,MAAM,CAAC,CAAC;EAAA,OAAO;IACpDkC,QAAQ,EAAE,iBAAiB;IAC3BS,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE;EACf,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,gBAAgB,GAAG,IAAA7C,cAAM,EAAC8C,sBAAU,CAAC,CAAC;EAAA,OAAO;IACjDnC,QAAQ,EAAE,UAAU;IACpBoC,IAAI,EAAE,UAAU;IAChB7B,GAAG,EAAE,MAAM;IACXL,KAAK,EAAE,KAAK;IACZD,MAAM,EAAE,KAAK;IACbqB,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMe,qBAAqB,GAAG,IAAAhD,cAAM,EAACiD,iBAAK,CAAC,CAAC;EAAA,OAAO;IACjD/C,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACgD,KAAK,CAAC,CAAC,gBAAa;IACpCvC,QAAQ,EAAE,UAAU;IACpBO,GAAG,EAAE,iBAAiB;IACtB6B,IAAI,EAAE,MAAM;IACZ3B,UAAU,EAAE,cAAc;IAC1Bb,YAAY,EAAE,KAAK;IACnB2B,QAAQ,EAAE,MAAM;IAChBJ,OAAO,EAAE,KAAK;IACd,WAAW,EAAE;MACXrB,eAAe,EAAEP,eAAK,CAACwB,OAAO,CAAC;IACjC,CAAC;IACD,aAAa,EAAE;MACbjB,eAAe,EAAEP,eAAK,CAACyB,iBAAiB,CAAC;IAC3C;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMwB,uBAAuB,GAAG,IAAAnD,cAAM,EAACoD,iBAAK,CAAC,CAAC;EAAA,OAAO;IACnDlD,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACgD,KAAK,CAAC,CAAC,gBAAa;IACpCvC,QAAQ,EAAE,UAAU;IACpBO,GAAG,EAAE,iBAAiB;IACtB6B,IAAI,EAAE,MAAM;IACZ3B,UAAU,EAAE,cAAc;IAC1Bb,YAAY,EAAE,KAAK;IACnB2B,QAAQ,EAAE,MAAM;IAChBJ,OAAO,EAAE,KAAK;IACd,WAAW,EAAE;MACXrB,eAAe,EAAEP,eAAK,CAACwB,OAAO,CAAC;IACjC,CAAC;IACD,aAAa,EAAE;MACbjB,eAAe,EAAEP,eAAK,CAACyB,iBAAiB,CAAC;IAC3C;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,IAEE0B,QAAQ,0BAAAC,gBAAA;EAaZ,SAAAD,SAAYE,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,QAAA;IACjBG,KAAA,GAAApE,UAAA,OAAAiE,QAAA,GAAME,KAAK;IAAE,IAAAvE,gBAAA,aAAAwE,KAAA,iBAoDD,UAACE,KAAK;MAAA,OAAKF,KAAA,CAAKG,QAAQ,CAAC;QAAEC,QAAQ,EAAEF,KAAK,CAACG;MAAc,CAAC,CAAC;IAAA;IAAA,IAAA7E,gBAAA,aAAAwE,KAAA,iBAE3D,YAAM;MAClB,IAAQM,KAAK,GAAKN,KAAA,CAAKD,KAAK,CAApBO,KAAK;MACbN,KAAA,CAAKG,QAAQ,CAAC;QAAEC,QAAQ,EAAE,IAAI;QAAEG,YAAY,EAAE,IAAI;QAAEC,mBAAmB,EAAE;MAAK,CAAC,CAAC;MAChF;MACA,IAAI,CAACF,KAAK,IAAIN,KAAA,CAAKS,UAAU,CAACC,OAAO,EAAE;QACrCV,KAAA,CAAKS,UAAU,CAACC,OAAO,CAACC,SAAS,GAAG,EAAE;MACxC;IACF,CAAC;IAAA,IAAAnF,gBAAA,aAAAwE,KAAA,qBAEiB,UAACY,KAAK,EAAK;MAC3B,IAAMJ,mBAAmB,sBAAA3D,MAAA,CAAsBmD,KAAA,CAAKD,KAAK,CAACc,EAAE,OAAAhE,MAAA,CAAI+D,KAAK,CAAE;;MAEvE;MACA,IAAME,WAAW,GAAG;QAAEN,mBAAmB,EAAnBA;MAAoB,CAAC;MAC3C,IAAI,CAACR,KAAA,CAAKD,KAAK,CAACO,KAAK,EAAE;QACrBQ,WAAW,CAACP,YAAY,GAAGP,KAAA,CAAKD,KAAK,CAACgB,OAAO,CAACH,KAAK,CAAC,CAACN,KAAK;MAC5D;MACAN,KAAA,CAAKG,QAAQ,CAACW,WAAW,CAAC;IAC5B,CAAC;IAAA,IAAAtF,gBAAA,aAAAwE,KAAA,kBAEc,UAACM,KAAK,EAAEM,KAAK,EAAK;MAC/BZ,KAAA,CAAKD,KAAK,CAACiB,QAAQ,CAAChB,KAAA,CAAKD,KAAK,CAACc,EAAE,EAAEP,KAAK,CAAC;MACzCN,KAAA,CAAKiB,eAAe,CAACL,KAAK,CAAC;MAC3BZ,KAAA,CAAKkB,WAAW,CAAC,CAAC;IACpB,CAAC;IAAA,IAAA1F,gBAAA,aAAAwE,KAAA,iBAEa,UAACY,KAAK,EAAK;MACvB,IAAMO,aAAa,GAAGnB,KAAA,CAAKD,KAAK,CAACO,KAAK;MAEtC,IAAIa,aAAa,EAAE;MAEnB,IAAMX,mBAAmB,sBAAA3D,MAAA,CAAsBmD,KAAA,CAAKD,KAAK,CAACc,EAAE,OAAAhE,MAAA,CAAI+D,KAAK,CAAE;MACvE,IAAML,YAAY,GAAGP,KAAA,CAAKoB,KAAK,CAACb,YAAY;MAE5CP,KAAA,CAAKG,QAAQ,CAAC;QAAEK,mBAAmB,EAAnBA,mBAAmB;QAAED,YAAY,EAAZA;MAAa,CAAC,EAAE,YAAM;QACzD;QACA,IAAMc,GAAG,GAAGrB,KAAA,CAAKsB,WAAW,CAACV,KAAK,CAAC;QACnC,IAAMW,OAAO,GAAGvB,KAAA,CAAKS,UAAU,CAACC,OAAO;QAEvC,IAAIW,GAAG,IAAIE,OAAO,EAAE;UAClBA,OAAO,CAACZ,SAAS,GAAGU,GAAG,CAACV,SAAS;QACnC;MACF,CAAC,CAAC;IACJ,CAAC;IA/FCX,KAAA,CAAKoB,KAAK,GAAG;MACXhB,QAAQ,EAAE,IAAI;MACdI,mBAAmB,EAAE,IAAI;MACzBgB,SAAS,EAAE,IAAI;MACfjB,YAAY,EAAE;IAChB,CAAC;IACDP,KAAA,CAAKyB,SAAS,gBAAGC,iBAAK,CAACC,SAAS,CAAC,CAAC;IAClC3B,KAAA,CAAK4B,SAAS,gBAAGF,iBAAK,CAACC,SAAS,CAAC,CAAC;IAClC3B,KAAA,CAAKS,UAAU,gBAAGiB,iBAAK,CAACC,SAAS,CAAC,CAAC;IACnC3B,KAAA,CAAKsB,WAAW,GAAG,EAAE;IAAC,OAAAtB,KAAA;EACxB;EAAC,IAAA6B,UAAA,aAAAhC,QAAA,EAAAC,gBAAA;EAAA,WAAAgC,aAAA,aAAAjC,QAAA;IAAAkC,GAAA;IAAAzB,KAAA,EAED,SAAA0B,iBAAiBA,CAAA,EAAG;MAClB;MACA,IAAI,IAAI,CAACP,SAAS,CAACf,OAAO,IAAI,IAAI,CAACU,KAAK,CAACI,SAAS,KAAK,IAAI,EAAE;QAC3D,IAAI,CAACrB,QAAQ,CAAC;UAAEqB,SAAS,EAAE,IAAI,CAACC,SAAS,CAACf,OAAO,CAACuB;QAAY,CAAC,CAAC;MAClE;IACF;EAAC;IAAAF,GAAA;IAAAzB,KAAA,EAED,SAAA4B,kBAAkBA,CAACC,SAAS,EAAEC,SAAS,EAAE;MACvC,IAAMC,QAAQ,GAAG,IAAI,CAACZ,SAAS,CAACf,OAAO;MAEvC,IAAM4B,kBAAkB,GAAG,CAACF,SAAS,CAAChC,QAAQ,IAAI,IAAI,CAACgB,KAAK,CAAChB,QAAQ;MACrE,IAAIkC,kBAAkB,EAAE;QACtB,IAAI,CAAChB,WAAW,CAAC/F,OAAO,CAAC,UAAC8F,GAAG,EAAK;UAChC,IAAI,CAACA,GAAG,EAAE;UAEV,IAAMkB,aAAa,GAAGlB,GAAG,CAACmB,aAAa,CAAC,0BAA0B,CAAC;UACnE,IAAMC,UAAU,GAAGpB,GAAG,CAACmB,aAAa,CAAC,eAAe,CAAC;UACrD,IAAME,WAAW,GAAGrB,GAAG,CAACmB,aAAa,CAAC,4BAA4B,CAAC;UAEnE,IAAID,aAAa,KAAK,CAACG,WAAW,IAAI,CAACD,UAAU,CAAC,EAAE;YAClD,IAAAE,yBAAU,EAACtB,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;MAEA,IAAIgB,QAAQ,EAAE;QACZ,IAAMO,QAAQ,GAAGP,QAAQ,CAACJ,WAAW;QACrC,IAAIW,QAAQ,KAAK,IAAI,CAACxB,KAAK,CAACI,SAAS,EAAE;UACrC,IAAI,CAACF,WAAW,CAAC/F,OAAO,CAAC,UAAC8F,GAAG,EAAK;YAChC,IAAIA,GAAG,EAAE,IAAAsB,yBAAU,EAACtB,GAAG,CAAC;UAC1B,CAAC,CAAC;UAEF,IAAAsB,yBAAU,EAACN,QAAQ,CAAC;UACpB,IAAI,CAAClC,QAAQ,CAAC;YAAEqB,SAAS,EAAEoB;UAAS,CAAC,CAAC;QACxC;MACF;IACF;EAAC;IAAAb,GAAA;IAAAzB,KAAA,EAiDD,SAAAuC,QAAQA,CAAC9B,OAAO,EAAET,KAAK,EAAE;MACvB,IAAMwC,KAAK,GAAG,CAAC/B,OAAO,IAAI,EAAE,EAAEgC,IAAI,CAAC,UAACC,MAAM;QAAA,OAAKA,MAAM,CAAC1C,KAAK,KAAKA,KAAK;MAAA,EAAC;MAEtE,OAAOwC,KAAK,GAAGA,KAAK,CAACG,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGC,SAAS;IAC/C;EAAC;IAAApB,GAAA;IAAAzB,KAAA,EAED,SAAA8C,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAAgG,IAAI,CAACvD,KAAK;QAAlGc,EAAE,GAAAyC,WAAA,CAAFzC,EAAE;QAAE3C,OAAO,GAAAoF,WAAA,CAAPpF,OAAO;QAAEqF,QAAQ,GAAAD,WAAA,CAARC,QAAQ;QAAEjD,KAAK,GAAAgD,WAAA,CAALhD,KAAK;QAAES,OAAO,GAAAuC,WAAA,CAAPvC,OAAO;QAAEyC,iBAAiB,GAAAF,WAAA,CAAjBE,iBAAiB;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,YAAY,GAAAJ,WAAA,CAAZI,YAAY;MAC3F,IAAQtD,QAAQ,GAAK,IAAI,CAACgB,KAAK,CAAvBhB,QAAQ;MAChB,IAAMuD,IAAI,GAAGxH,OAAO,CAACiE,QAAQ,CAAC;MAC9B,IAAMwD,QAAQ,sBAAA/G,MAAA,CAAsBgE,EAAE,CAAE;MACxC,IAAMgD,MAAM,oBAAAhH,MAAA,CAAoBgE,EAAE,CAAE;MACpC,IAAMiD,cAAc,qBAAAjH,MAAA,CAAqBgE,EAAE,CAAE;;MAE7C;MACA,IAAIkD,aAAa;MACjB;MACA,IAAI,CAACzC,WAAW,GAAG,EAAE;MAErB,IAAIiC,QAAQ,IAAIrF,OAAO,KAAKiF,SAAS,EAAE;QACrCY,aAAa,GAAG7F,OAAO,IAAIsF,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB;MACxF;;MAEA;MACA,IAAMQ,aAAa,GAAGC,QAAQ,CAACpD,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC;MAC1C,IAAMqD,OAAO,GAAGT,WAAW,GAAG,aAAa,kBAAA5G,MAAA,CAAkBmH,aAAa,CAAE;MAC5E,IAAMG,SAAS,GAAGV,WAAW,GAAG,OAAO,YAAA5G,MAAA,CAAYmH,aAAa,CAAE;;MAElE;MACA,IAAII,eAAe,GAAG,IAAI;MAC1B,IAAIb,QAAQ,IAAIrF,OAAO,KAAKiF,SAAS,EAAE;QACrCiB,eAAe,GACblG,OAAO,IAAIsF,iBAAiB,gBAC1BhK,MAAA,YAAA6K,aAAA,CAAC7E,qBAAqB;UAAC8E,SAAS,EAAC;QAAS,CAAE,CAAC,gBAE7C9K,MAAA,YAAA6K,aAAA,CAAC1E,uBAAuB;UAAC2E,SAAS,EAAC;QAAW,CAAE,CACjD;MACL;MAEA,oBACE9K,MAAA,YAAA6K,aAAA,CAAA7K,MAAA,YAAA+K,QAAA,qBACE/K,MAAA,YAAA6K,aAAA;QACEhD,GAAG,EAAE,IAAI,CAACI,SAAU;QACpB+C,KAAK,EAAE;UAAErH,QAAQ,EAAE,UAAU;UAAEsH,UAAU,EAAE,QAAQ;UAAE/G,GAAG,EAAE,CAAC;UAAE6B,IAAI,EAAE;QAAE,CAAE;QACvEmF,QAAQ,EAAE,CAAC,CAAE;QACb,eAAY;MAAM,GAEjB,CAAC3D,OAAO,IAAI,EAAE,EAAE4D,GAAG,CAAC,UAACC,CAAC,EAAEhE,KAAK;QAAA,oBAC5BpH,MAAA,YAAA6K,aAAA,CAAC9F,cAAc;UAACwD,GAAG,EAAEnB,KAAM;UAAC8D,QAAQ,EAAE,CAAC,CAAE;UAAC,eAAY;QAAM,gBAC1DlL,MAAA,YAAA6K,aAAA,CAACpF,WAAW;UAAC4F,uBAAuB,EAAE;YAAEC,MAAM,EAAEF,CAAC,CAAC3B;UAAM;QAAE,CAAE,CAC9C,CAAC;MAAA,CAClB,CACE,CAAC,eACNzJ,MAAA,YAAA6K,aAAA,CAAChF,gBAAgB;QAACwB,EAAE,EAAEqD,OAAQ;QAACQ,QAAQ,EAAE,CAAC,CAAE;QAAC,eAAY;MAAM,GAC5DP,SACe,CAAC,eACnB3K,MAAA,YAAA6K,aAAA,CAAC9H,YAAY;QACX8E,GAAG,EAAE,IAAI,CAACO,SAAU;QACpB4C,KAAK,EAAApJ,aAAA,CAAAA,aAAA,KACC,IAAI,CAACgG,KAAK,CAACI,SAAS,IAAI;UAAEuD,QAAQ,UAAAlI,MAAA,CAAU,IAAI,CAACuE,KAAK,CAACI,SAAS;QAAY,CAAC;UACjFxD,WAAW,EAAE2F,IAAI,GAAG,KAAK,GAAG,KAAK;UACjCqB,UAAU,EAAE;QAA+B,EAC3C;QACF,iBAAerB,IAAI,GAAGE,MAAM,GAAGV,SAAU;QACzC,iBAAc,SAAS;QACvB,iBAAeQ,IAAI,GAAG,MAAM,GAAGR,SAAU;QACzC,yBAAuB,IAAI,CAAC/B,KAAK,CAACZ,mBAAoB;QACtDyE,OAAO,EAAE,IAAI,CAACC,WAAY;QAC1BZ,SAAS,EAAEP,aAAc;QACzBR,QAAQ,EAAEA,QAAS;QACnB1C,EAAE,EAAE+C,QAAS;QACbuB,IAAI,EAAC,UAAU;QACf,sCAAAtI,MAAA,CAAoCsH,SAAS,CAAG;QAChD,mBAAiBL;MAAe,GAE/BM,eAAe,eAChB5K,MAAA,YAAA6K,aAAA,CAACpF,WAAW;QACV4B,EAAE,EAAEiD,cAAe;QACnBzC,GAAG,EAAE,IAAI,CAACZ,UAAW;QACrBoE,uBAAuB,EAAE;UACvBC,MAAM,EAAEpB,YAAY,GAChBA,YAAY,GACZC,IAAI,IAAI,IAAI,CAACvC,KAAK,CAACb,YAAY,GAC7B,IAAI,CAACsC,QAAQ,CAAC9B,OAAO,EAAE,IAAI,CAACK,KAAK,CAACb,YAAY,CAAC,GAC/C,IAAI,CAACsC,QAAQ,CAAC9B,OAAO,EAAET,KAAK,CAAC,IAAI;QACzC;MAAE,CACH,CAAC,EACDqD,IAAI,gBAAGnK,MAAA,YAAA6K,aAAA,CAACpK,YAAA,WAAe,MAAE,CAAC,gBAAGT,MAAA,YAAA6K,aAAA,CAACrK,cAAA,WAAiB,MAAE,CACtC,CAAC,eACfR,MAAA,YAAA6K,aAAA,CAACjG,UAAU;QACTyC,EAAE,EAAEgD,MAAO;QACXzD,QAAQ,EAAEA,QAAS;QACnBgF,WAAW;QACXzB,IAAI,EAAEA,IAAK;QACX0B,OAAO,EAAE,IAAI,CAACnE,WAAY;QAC1BoE,kBAAkB,EAAE,IAAK;QACzBC,YAAY,EAAE;UAAEC,QAAQ,EAAE,QAAQ;UAAEC,UAAU,EAAE;QAAO,CAAE;QACzDC,eAAe,EAAE;UAAEF,QAAQ,EAAE,KAAK;UAAEC,UAAU,EAAE;QAAO,CAAE;QACzDE,kBAAkB,EAAE;UAAEC,KAAK,EAAE,GAAG;UAAEC,IAAI,EAAE;QAAI,CAAE;QAC9CC,SAAS,EAAE;UACTC,KAAK,EAAE,IAAI,CAAC3E,KAAK,CAACI,SAAS,GAAG;YAAEgD,KAAK,EAAE;cAAEO,QAAQ,EAAE,IAAI,CAAC3D,KAAK,CAACI,SAAS;cAAElD,OAAO,EAAE;YAAM;UAAE,CAAC,GAAG6E,SAAS;UACvG6C,IAAI,EAAE;YACJ,iBAAiB,EAAEpC,QAAQ;YAC3BuB,IAAI,EAAE,SAAS;YACfc,cAAc,EAAE;UAClB;QACF;MAAE,GAED,CAAClF,OAAO,IAAI,EAAE,EAAE4D,GAAG,CAAC,UAACC,CAAC,EAAEhE,KAAK,EAAK;QACjC,IAAMsF,QAAQ,sBAAArJ,MAAA,CAAsBgE,EAAE,OAAAhE,MAAA,CAAI+D,KAAK,CAAE;QAEjD,oBACEpH,MAAA,YAAA6K,aAAA,CAAC9F,cAAc;UACbsC,EAAE,EAAEqF,QAAS;UACb5B,SAAS,EAAEM,CAAC,CAACtE,KAAK,KAAKA,KAAK,GAAG,UAAU,GAAG,EAAG;UAC/CyB,GAAG,KAAAlF,MAAA,CAAK+H,CAAC,CAAC3B,KAAK,OAAApG,MAAA,CAAI+D,KAAK,CAAG;UAC3BN,KAAK,EAAEsE,CAAC,CAACtE,KAAM;UACf2E,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQ5B,MAAI,CAAC8C,YAAY,CAACvB,CAAC,CAACtE,KAAK,EAAEM,KAAK,CAAC;UAAA,CAAC;UACjDuE,IAAI,EAAC,QAAQ;UACb,iBAAe9B,MAAI,CAACjC,KAAK,CAACZ,mBAAmB,KAAK0F,QAAQ,GAAG,MAAM,GAAG/C,SAAU;UAChFiD,WAAW,EAAE,SAAbA,WAAWA,CAAA;YAAA,OAAQ/C,MAAI,CAACgD,WAAW,CAACzF,KAAK,CAAC;UAAA;QAAC,gBAE3CpH,MAAA,YAAA6K,aAAA,CAACpF,WAAW;UACVoC,GAAG,EAAE,SAALA,GAAGA,CAAGA,IAAG;YAAA,OAAMgC,MAAI,CAAC/B,WAAW,CAACV,KAAK,CAAC,GAAGS,IAAG;UAAA,CAAE;UAC9CwD,uBAAuB,EAAE;YAAEC,MAAM,EAAEF,CAAC,CAAC3B;UAAM;QAAE,CAC9C,CAAC,eACFzJ,MAAA,YAAA6K,aAAA,CAACnF,uBAAuB;UAAC2F,uBAAuB,EAAE;YAAEC,MAAM,EAAEF,CAAC,CAACtE,KAAK,KAAKA,KAAK,GAAG,UAAU,GAAG;UAAG;QAAE,CAAE,CACtF,CAAC;MAErB,CAAC,CACS,CACZ,CAAC;IAEP;EAAC;AAAA,EAtPoBoB,iBAAK,CAAC4E,SAAS;AAAA,IAAA9K,gBAAA,aAAhCqE,QAAQ,eACO;EACjBgB,EAAE,EAAE0F,qBAAS,CAACC,MAAM;EACpBlG,KAAK,EAAEiG,qBAAS,CAACC,MAAM;EACvBjD,QAAQ,EAAEgD,qBAAS,CAACE,IAAI;EACxBzF,QAAQ,EAAEuF,qBAAS,CAACG,IAAI;EACxBxI,OAAO,EAAEqI,qBAAS,CAACE,IAAI;EACvB1F,OAAO,EAAEwF,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,KAAK,CAAC;IAAEtG,KAAK,EAAEiG,qBAAS,CAACC,MAAM;IAAEvD,KAAK,EAAEsD,qBAAS,CAACC;EAAO,CAAC,CAAC,CAAC;EACjGhD,iBAAiB,EAAE+C,qBAAS,CAACE,IAAI;EACjChD,WAAW,EAAE8C,qBAAS,CAACE,IAAI;EAC3B/C,YAAY,EAAE6C,qBAAS,CAACC;AAC1B,CAAC;AAAA,IAAAK,QAAA,GAAAC,OAAA,cA8OYjH,QAAQ","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_InputLabel","_Menu","_MenuItem","_ArrowDropDown","_ArrowDropUp","_Close","_Check","_styles","_renderUi","_mathRendering","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","StyledButton","styled","Button","color","text","border","concat","borderGray","borderRadius","justifyContent","backgroundColor","background","position","height","width","margin","textTransform","paddingRight","right","top","pointerEvents","marginLeft","outline","tertiary","outlineOffset","borderWidth","borderColor","correct","incorrectWithIcon","StyledMenu","Menu","padding","StyledMenuItem","MenuItem","overflow","fontSize","fontWeight","fontFamily","lineHeight","whiteSpace","dropdownBackground","boxSizing","StyledLabel","StyledSelectedIndicator","flexShrink","paddingLeft","StyledInputLabel","InputLabel","left","StyledCorrectnessIcon","Check","white","StyledIncorrectnessIcon","Close","Dropdown","_React$Component","props","_this","_classCallCheck2","event","_this$props","id","value","choices","highlightedOptionId","selectedIndex","findIndex","c","setState","anchorEl","currentTarget","previewValue","previewRef","current","innerHTML","index","stateUpdate","onChange","handleHighlight","handleClose","selectedValue","state","ref","elementRefs","preview","menuWidth","hiddenRef","React","createRef","buttonRef","_inherits2","_createClass2","key","componentDidMount","clientWidth","componentDidUpdate","prevProps","prevState","hiddenEl","dropdownJustOpened","containsLatex","querySelector","hasMathJax","mathHandled","renderMath","newWidth","getLabel","found","find","choice","label","trim","undefined","render","_this2","_this$props2","disabled","showCorrectAnswer","singleQuery","correctValue","open","buttonId","menuId","valueDisplayId","disabledClass","incrementedId","parseInt","labelId","labelText","correctnessIcon","createElement","className","Fragment","style","visibility","tabIndex","map","dangerouslySetInnerHTML","__html","minWidth","transition","onClick","handleClick","role","keepMounted","onClose","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","transitionDuration","enter","exit","slotProps","paper","list","disablePadding","optionId","selected","handleSelect","onMouseOver","handleHover","Component","PropTypes","string","bool","func","arrayOf","shape","_default","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport InputLabel from '@mui/material/InputLabel';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Close from '@mui/icons-material/Close';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledButton = styled(Button)(() => ({\n color: color.text(),\n border: `1px solid ${color.borderGray()}`,\n borderRadius: '4px',\n justifyContent: 'space-between',\n backgroundColor: color.background(),\n position: 'relative',\n height: '45px',\n width: 'fit-content',\n margin: '2px',\n textTransform: 'none',\n '& span': {\n paddingRight: '24px',\n },\n '& svg': {\n position: 'absolute',\n right: '4px',\n top: 'calc(50% - 12px)',\n pointerEvents: 'none',\n color: color.text(),\n marginLeft: '5px',\n },\n '&.Mui-focused': {\n outline: `3px solid ${color.tertiary()}`,\n outlineOffset: '2px',\n borderWidth: '3px',\n },\n '&.disabledCorrect': {\n borderWidth: '2px',\n borderColor: color.correct(),\n color: `${color.text()} !important`,\n },\n '&.disabledIncorrect': {\n borderWidth: '2px',\n borderColor: color.incorrectWithIcon(),\n color: `${color.text()} !important`,\n },\n}));\n\nconst StyledMenu = styled(Menu)(() => ({\n backgroundColor: color.background(),\n border: `1px solid ${color.correct()} !important`,\n '&:hover': {\n border: `1px solid ${color.text()} `,\n borderColor: 'initial',\n },\n '&:focus': {\n border: `1px solid ${color.text()}`,\n borderColor: 'initial',\n },\n // remove default padding on the inner list\n '& .MuiList-root': {\n padding: 0,\n },\n}));\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n // base text/layout styles (from old JSS - before mui v5 migration)\n height: 24,\n overflow: 'hidden',\n fontSize: '1rem',\n fontWeight: 400,\n fontFamily: 'inherit',\n lineHeight: '1.5em',\n whiteSpace: 'nowrap',\n\n // custom styles\n color: color.text(),\n backgroundColor: color.background(),\n '&.Mui-focusVisible': {\n outline: `3px solid ${color.tertiary()}`,\n outlineOffset: '-1px', // keeps it inside the item\n color: color.text(),\n backgroundColor: color.background(),\n },\n '&:hover': {\n color: color.text(),\n backgroundColor: color.dropdownBackground(),\n },\n boxSizing: 'border-box',\n padding: '16px 8px',\n borderRadius: '4px',\n '&.selected': {\n color: `${color.text()} !important`,\n backgroundColor: `${color.background()} !important`,\n '&:hover': {\n color: color.text(),\n backgroundColor: `${color.dropdownBackground()} !important`,\n },\n },\n}));\n\nconst StyledLabel = styled('span')(() => ({\n fontSize: 'max(1rem, 14px)',\n}));\n\nconst StyledSelectedIndicator = styled('span')(() => ({\n fontSize: 'max(1rem, 14px)',\n flexShrink: 0,\n paddingLeft: '8px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n position: 'absolute',\n left: '-10000px',\n top: 'auto',\n width: '1px',\n height: '1px',\n overflow: 'hidden',\n}));\n\nconst StyledCorrectnessIcon = styled(Check)(() => ({\n color: `${color.white()} !important`,\n position: 'absolute',\n top: '-8px !important',\n left: '-8px',\n marginLeft: '0 !important',\n borderRadius: '50%',\n fontSize: '16px',\n padding: '2px',\n '&.correct': {\n backgroundColor: color.correct(),\n },\n '&.incorrect': {\n backgroundColor: color.incorrectWithIcon(),\n },\n}));\n\nconst StyledIncorrectnessIcon = styled(Close)(() => ({\n color: `${color.white()} !important`,\n position: 'absolute',\n top: '-8px !important',\n left: '-8px',\n marginLeft: '0 !important',\n borderRadius: '50%',\n fontSize: '16px',\n padding: '2px',\n '&.correct': {\n backgroundColor: color.correct(),\n },\n '&.incorrect': {\n backgroundColor: color.incorrectWithIcon(),\n },\n}));\n\nclass Dropdown extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n correct: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n showCorrectAnswer: PropTypes.bool,\n singleQuery: PropTypes.bool,\n correctValue: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n anchorEl: null,\n highlightedOptionId: null,\n menuWidth: null,\n previewValue: null,\n };\n this.hiddenRef = React.createRef();\n this.buttonRef = React.createRef();\n this.previewRef = React.createRef();\n this.elementRefs = [];\n }\n\n componentDidMount() {\n // measure hidden menu width once\n if (this.hiddenRef.current && this.state.menuWidth === null) {\n this.setState({ menuWidth: this.hiddenRef.current.clientWidth });\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n const hiddenEl = this.hiddenRef.current;\n\n const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;\n if (dropdownJustOpened) {\n this.elementRefs.forEach((ref) => {\n if (!ref) return;\n\n const containsLatex = ref.querySelector('[data-latex], [data-raw]');\n const hasMathJax = ref.querySelector('mjx-container');\n const mathHandled = ref.querySelector('[data-math-handled=\"true\"]');\n\n if (containsLatex && (!mathHandled || !hasMathJax)) {\n renderMath(ref);\n }\n });\n }\n\n if (hiddenEl) {\n const newWidth = hiddenEl.clientWidth;\n if (newWidth !== this.state.menuWidth) {\n this.elementRefs.forEach((ref) => {\n if (ref) renderMath(ref);\n });\n\n renderMath(hiddenEl);\n this.setState({ menuWidth: newWidth });\n }\n }\n }\n\n handleClick = (event) => {\n const { id, value, choices } = this.props;\n let highlightedOptionId = null;\n\n if (value) {\n const selectedIndex = (choices || []).findIndex((c) => c.value === value);\n if (selectedIndex >= 0) {\n highlightedOptionId = `dropdown-option-${id}-${selectedIndex}`;\n }\n }\n\n this.setState({ anchorEl: event.currentTarget, highlightedOptionId });\n };\n\n handleClose = () => {\n const { value } = this.props;\n this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });\n // clear displayed preview if no selection\n if (!value && this.previewRef.current) {\n this.previewRef.current.innerHTML = '';\n }\n };\n\n handleHighlight = (index) => {\n const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n // preview on hover if nothing selected\n const stateUpdate = { highlightedOptionId };\n if (!this.props.value) {\n stateUpdate.previewValue = this.props.choices[index].value;\n }\n this.setState(stateUpdate);\n };\n\n handleSelect = (value, index) => {\n this.props.onChange(this.props.id, value);\n this.handleHighlight(index);\n this.handleClose();\n };\n\n handleHover = (index) => {\n const selectedValue = this.props.value;\n\n if (selectedValue) return;\n\n const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n const previewValue = this.state.previewValue;\n\n this.setState({ highlightedOptionId, previewValue }, () => {\n // On hover, preview the math-rendered content inside the button if no value is selected.\n const ref = this.elementRefs[index];\n const preview = this.previewRef.current;\n\n if (ref && preview) {\n preview.innerHTML = ref.innerHTML;\n }\n });\n };\n\n getLabel(choices, value) {\n const found = (choices || []).find((choice) => choice.value === value);\n\n return found ? found.label.trim() : undefined;\n }\n\n render() {\n const { id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n const { anchorEl } = this.state;\n const open = Boolean(anchorEl);\n const buttonId = `dropdown-button-${id}`;\n const menuId = `dropdown-menu-${id}`;\n const valueDisplayId = `dropdown-value-${id}`;\n\n // Determine the class for disabled state, view mode and evaluate mode\n let disabledClass;\n // Reset elementRefs before each render to avoid stale references\n this.elementRefs = [];\n\n if (disabled && correct !== undefined) {\n disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';\n }\n\n // Create distinct, visually hidden labels for each dropdown\n const incrementedId = parseInt(id, 10) + 1;\n const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n let correctnessIcon = null;\n if (disabled && correct !== undefined) {\n correctnessIcon =\n correct || showCorrectAnswer ? (\n <StyledCorrectnessIcon className=\"correct\" />\n ) : (\n <StyledIncorrectnessIcon className=\"incorrect\" />\n );\n }\n\n return (\n <>\n <div\n ref={this.hiddenRef}\n style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}\n tabIndex={-1}\n aria-hidden=\"true\"\n >\n {(choices || []).map((c, index) => (\n <StyledMenuItem key={index} tabIndex={-1} aria-hidden=\"true\">\n <StyledLabel dangerouslySetInnerHTML={{ __html: c.label }} />\n </StyledMenuItem>\n ))}\n </div>\n <StyledInputLabel id={labelId} tabIndex={-1} aria-hidden=\"true\">\n {labelText}\n </StyledInputLabel>\n <StyledButton\n ref={this.buttonRef}\n style={{\n ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),\n borderWidth: open ? '2px' : '1px',\n transition: 'border-width 0.2s ease-in-out',\n }}\n aria-controls={open ? menuId : undefined}\n aria-haspopup=\"listbox\"\n aria-expanded={open ? 'true' : undefined}\n aria-activedescendant={this.state.highlightedOptionId}\n onClick={this.handleClick}\n className={disabledClass}\n disabled={disabled}\n id={buttonId}\n role=\"combobox\"\n aria-label={`Select an option for ${labelText}`}\n aria-labelledby={valueDisplayId}\n >\n {correctnessIcon}\n <StyledLabel\n id={valueDisplayId}\n ref={this.previewRef}\n dangerouslySetInnerHTML={{\n __html: correctValue\n ? correctValue\n : open && this.state.previewValue\n ? this.getLabel(choices, this.state.previewValue)\n : this.getLabel(choices, value) || '',\n }}\n />\n {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n </StyledButton>\n <StyledMenu\n id={menuId}\n anchorEl={anchorEl}\n keepMounted\n open={open}\n onClose={this.handleClose}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n transitionDuration={{ enter: 225, exit: 195 }}\n slotProps={{\n paper: this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined,\n list: {\n 'aria-labelledby': buttonId,\n role: 'listbox',\n disablePadding: true,\n },\n }}\n >\n {(choices || []).map((c, index) => {\n const optionId = `dropdown-option-${id}-${index}`;\n\n return (\n <StyledMenuItem\n id={optionId}\n className={c.value === value ? 'selected' : ''}\n selected={c.value === value}\n key={`${c.label}-${index}`}\n value={c.value}\n onClick={() => this.handleSelect(c.value, index)}\n role=\"option\"\n aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n onMouseOver={() => this.handleHover(index)}\n >\n <StyledLabel\n ref={(ref) => (this.elementRefs[index] = ref)}\n dangerouslySetInnerHTML={{ __html: c.label }}\n />\n <StyledSelectedIndicator dangerouslySetInnerHTML={{ __html: c.value === value ? ' ✓' : '' }} />\n </StyledMenuItem>\n );\n })}\n </StyledMenu>\n </>\n );\n }\n}\n\nexport default Dropdown;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/mask-markup",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.4-next.102+69622991b",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "src/index.js",
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
"repository": "pie-framework/pie-lib",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@emotion/react": "^11.14.0",
|
|
13
|
-
"@emotion/
|
|
13
|
+
"@emotion/styled": "^11.14.1",
|
|
14
14
|
"@mui/icons-material": "^7.3.4",
|
|
15
15
|
"@mui/material": "^7.3.4",
|
|
16
16
|
"@pie-lib/drag": "^4.0.2",
|
|
17
|
-
"@pie-lib/editable-html-tip-tap": "^2.1.
|
|
17
|
+
"@pie-lib/editable-html-tip-tap": "^2.1.2-next.102+69622991b",
|
|
18
18
|
"@pie-lib/math-rendering": "^5.0.2",
|
|
19
19
|
"@pie-lib/render-ui": "^6.1.0",
|
|
20
20
|
"classnames": "^2.2.6",
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
"keywords": [],
|
|
29
29
|
"author": "",
|
|
30
30
|
"license": "ISC",
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "69622991b32e91c1e2154f98354a3a416f241230"
|
|
32
32
|
}
|
package/src/choices/choice.jsx
CHANGED
|
@@ -71,8 +71,8 @@ export default function Choice({ choice, disabled, instanceId }) {
|
|
|
71
71
|
style={
|
|
72
72
|
isDragging
|
|
73
73
|
? {
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
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
|
|
75
|
+
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
|
|
76
76
|
}
|
|
77
77
|
: {}
|
|
78
78
|
}
|
|
@@ -26,7 +26,12 @@ jest.mock('@dnd-kit/utilities', () => ({
|
|
|
26
26
|
},
|
|
27
27
|
}));
|
|
28
28
|
|
|
29
|
+
jest.mock('@pie-lib/math-rendering', () => ({
|
|
30
|
+
renderMath: jest.fn(),
|
|
31
|
+
}));
|
|
32
|
+
|
|
29
33
|
describe('Blank', () => {
|
|
34
|
+
const { renderMath } = require('@pie-lib/math-rendering');
|
|
30
35
|
const onChange = jest.fn();
|
|
31
36
|
const defaultProps = {
|
|
32
37
|
disabled: false,
|
|
@@ -39,6 +44,7 @@ describe('Blank', () => {
|
|
|
39
44
|
|
|
40
45
|
beforeEach(() => {
|
|
41
46
|
onChange.mockClear();
|
|
47
|
+
renderMath.mockClear();
|
|
42
48
|
});
|
|
43
49
|
|
|
44
50
|
describe('rendering', () => {
|
|
@@ -146,14 +152,38 @@ describe('Blank', () => {
|
|
|
146
152
|
const chip = wrapper && wrapper.firstChild; // StyledChip (rootRef)
|
|
147
153
|
|
|
148
154
|
// Width and height should include padding (24px) around measured content
|
|
149
|
-
expect(chip.style.width).toBe('
|
|
150
|
-
expect(chip.style.height).toBe('
|
|
155
|
+
expect(chip.style.width).toBe('129px');
|
|
156
|
+
expect(chip.style.height).toBe('49px');
|
|
151
157
|
|
|
152
158
|
rectSpy.mockRestore();
|
|
153
159
|
jest.useRealTimers();
|
|
154
160
|
});
|
|
155
161
|
});
|
|
156
162
|
|
|
163
|
+
describe('math rendering', () => {
|
|
164
|
+
it('calls renderMath on mount when choice has content', () => {
|
|
165
|
+
render(<Blank {...defaultProps} />);
|
|
166
|
+
expect(renderMath).toHaveBeenCalled();
|
|
167
|
+
});
|
|
168
|
+
|
|
169
|
+
it('calls renderMath again when correct changes', () => {
|
|
170
|
+
const { rerender } = render(<Blank {...defaultProps} correct={false} />);
|
|
171
|
+
const callsAfterMount = renderMath.mock.calls.length;
|
|
172
|
+
expect(callsAfterMount).toBeGreaterThan(0);
|
|
173
|
+
|
|
174
|
+
rerender(<Blank {...defaultProps} correct={true} />);
|
|
175
|
+
expect(renderMath.mock.calls.length).toBeGreaterThan(callsAfterMount);
|
|
176
|
+
});
|
|
177
|
+
|
|
178
|
+
it('does not call renderMath again when correct is unchanged', () => {
|
|
179
|
+
const { rerender } = render(<Blank {...defaultProps} correct={true} />);
|
|
180
|
+
const callsAfterMount = renderMath.mock.calls.length;
|
|
181
|
+
|
|
182
|
+
rerender(<Blank {...defaultProps} correct={true} />);
|
|
183
|
+
expect(renderMath.mock.calls.length).toBe(callsAfterMount);
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
|
|
157
187
|
describe('drag and drop', () => {
|
|
158
188
|
it('accepts drag item when not disabled', () => {
|
|
159
189
|
render(<Blank {...defaultProps} isOver={true} dragItem={{ choice: { value: 'Dog' } }} />);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { render, screen } from '@testing-library/react';
|
|
2
|
+
import { render, screen, waitFor } from '@testing-library/react';
|
|
3
3
|
import userEvent from '@testing-library/user-event';
|
|
4
4
|
import { choice } from '../../__tests__/utils';
|
|
5
5
|
import Dropdown from '../dropdown';
|
|
@@ -44,6 +44,42 @@ describe('Dropdown', () => {
|
|
|
44
44
|
expect(options[2]).toHaveTextContent('Smiled');
|
|
45
45
|
});
|
|
46
46
|
|
|
47
|
+
it('focuses the selected option when the menu opens', async () => {
|
|
48
|
+
const user = userEvent.setup();
|
|
49
|
+
render(<Dropdown {...defaultProps} />);
|
|
50
|
+
|
|
51
|
+
const button = screen.getByRole('combobox');
|
|
52
|
+
await user.click(button);
|
|
53
|
+
|
|
54
|
+
await waitFor(() => {
|
|
55
|
+
expect(document.getElementById('dropdown-option-1-0')).toHaveFocus();
|
|
56
|
+
});
|
|
57
|
+
expect(button).toHaveAttribute('aria-activedescendant', 'dropdown-option-1-0');
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
it('focuses a non-first selected option when the menu opens', async () => {
|
|
61
|
+
const user = userEvent.setup();
|
|
62
|
+
render(<Dropdown {...defaultProps} value="Laughed" />);
|
|
63
|
+
|
|
64
|
+
const button = screen.getByRole('combobox');
|
|
65
|
+
await user.click(button);
|
|
66
|
+
|
|
67
|
+
await waitFor(() => {
|
|
68
|
+
expect(document.getElementById('dropdown-option-1-1')).toHaveFocus();
|
|
69
|
+
});
|
|
70
|
+
expect(button).toHaveAttribute('aria-activedescendant', 'dropdown-option-1-1');
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
it('does not highlight an option when no value is selected', async () => {
|
|
74
|
+
const user = userEvent.setup();
|
|
75
|
+
render(<Dropdown {...defaultProps} value={undefined} />);
|
|
76
|
+
|
|
77
|
+
const button = screen.getByRole('combobox');
|
|
78
|
+
await user.click(button);
|
|
79
|
+
|
|
80
|
+
expect(button).not.toHaveAttribute('aria-activedescendant');
|
|
81
|
+
});
|
|
82
|
+
|
|
47
83
|
it('renders as disabled when disabled prop is true', () => {
|
|
48
84
|
render(<Dropdown {...defaultProps} disabled={true} />);
|
|
49
85
|
const button = screen.getByRole('combobox');
|
package/src/components/blank.jsx
CHANGED
|
@@ -106,6 +106,7 @@ function BlankContent({
|
|
|
106
106
|
const rootRef = useRef(null);
|
|
107
107
|
const spanRef = useRef(null);
|
|
108
108
|
const frozenRef = useRef(null); // to use during dragging to prevent flickering
|
|
109
|
+
const measuringRef = useRef(false); // guard against ResizeObserver feedback loops
|
|
109
110
|
const [dimensions, setDimensions] = useState({ height: 0, width: 0 });
|
|
110
111
|
|
|
111
112
|
const handleImageLoad = () => {
|
|
@@ -124,16 +125,31 @@ function BlankContent({
|
|
|
124
125
|
};
|
|
125
126
|
|
|
126
127
|
const getMeasureNode = () => {
|
|
127
|
-
if (!spanRef.current)
|
|
128
|
+
if (!spanRef.current) {
|
|
129
|
+
return null;
|
|
130
|
+
}
|
|
131
|
+
|
|
128
132
|
const mjx = spanRef.current.querySelector('mjx-container');
|
|
129
|
-
|
|
133
|
+
|
|
134
|
+
if (mjx && spanRef.current.parentElement) {
|
|
135
|
+
return spanRef.current.parentElement;
|
|
136
|
+
}
|
|
137
|
+
|
|
130
138
|
const img = spanRef.current.querySelector('img');
|
|
131
|
-
|
|
139
|
+
|
|
140
|
+
if (img) {
|
|
141
|
+
// If there's text alongside the image, measure the full span to capture both dimensions
|
|
142
|
+
const hasTextContent = spanRef.current.textContent.trim().length > 0;
|
|
143
|
+
|
|
144
|
+
return hasTextContent ? spanRef.current : img;
|
|
145
|
+
}
|
|
146
|
+
|
|
132
147
|
return spanRef.current;
|
|
133
148
|
};
|
|
134
149
|
|
|
135
150
|
const updateDimensions = () => {
|
|
136
|
-
if (spanRef.current && rootRef.current) {
|
|
151
|
+
if (spanRef.current && rootRef.current && !measuringRef.current) {
|
|
152
|
+
measuringRef.current = true;
|
|
137
153
|
// Temporarily set rootRef width to 'auto' for natural measurement
|
|
138
154
|
rootRef.current.style.width = 'auto';
|
|
139
155
|
rootRef.current.style.height = 'auto';
|
|
@@ -142,16 +158,21 @@ function BlankContent({
|
|
|
142
158
|
const measureNode = getMeasureNode();
|
|
143
159
|
const node = measureNode || spanRef.current;
|
|
144
160
|
const rect = node.getBoundingClientRect();
|
|
145
|
-
const width =
|
|
161
|
+
const width = node.offsetWidth || rect.width || 0;
|
|
146
162
|
const height = Math.max(
|
|
147
|
-
rect.height || 0,
|
|
148
163
|
node.offsetHeight || 0,
|
|
164
|
+
rect.height || 0,
|
|
149
165
|
node.scrollHeight || 0,
|
|
150
166
|
spanRef.current.scrollHeight || 0,
|
|
151
167
|
);
|
|
152
168
|
|
|
153
|
-
const
|
|
154
|
-
const
|
|
169
|
+
const PADDING = 12;
|
|
170
|
+
const BORDER_WIDTH = 2;
|
|
171
|
+
const ADDITIONAL_SPACE = 1;
|
|
172
|
+
// padding and border on each side
|
|
173
|
+
const widthWithPadding = width + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;
|
|
174
|
+
// padding and border on top and bottom
|
|
175
|
+
const heightWithPadding = height + 2 * PADDING + 2 * BORDER_WIDTH + ADDITIONAL_SPACE;
|
|
155
176
|
|
|
156
177
|
const responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;
|
|
157
178
|
const responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;
|
|
@@ -159,13 +180,21 @@ function BlankContent({
|
|
|
159
180
|
const adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
|
|
160
181
|
const adjustedHeight = heightWithPadding <= responseAreaHeight ? responseAreaHeight : heightWithPadding;
|
|
161
182
|
|
|
183
|
+
|
|
162
184
|
setDimensions((prevState) => ({
|
|
163
185
|
width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
|
|
164
186
|
height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height,
|
|
165
187
|
}));
|
|
166
188
|
|
|
167
|
-
|
|
168
|
-
|
|
189
|
+
const nextWidth = `${adjustedWidth}px`;
|
|
190
|
+
const nextHeight = `${adjustedHeight}px`;
|
|
191
|
+
if (rootRef.current.style.width !== nextWidth) {
|
|
192
|
+
rootRef.current.style.width = nextWidth;
|
|
193
|
+
}
|
|
194
|
+
if (rootRef.current.style.height !== nextHeight) {
|
|
195
|
+
rootRef.current.style.height = nextHeight;
|
|
196
|
+
}
|
|
197
|
+
measuringRef.current = false;
|
|
169
198
|
}
|
|
170
199
|
};
|
|
171
200
|
|
|
@@ -191,12 +220,26 @@ function BlankContent({
|
|
|
191
220
|
handleElements();
|
|
192
221
|
}, []);
|
|
193
222
|
|
|
223
|
+
// Re-measure when the element first becomes visible — covers the tabbed-view case
|
|
224
|
+
// where the initial measurement happened while the tab was hidden (size 0).
|
|
225
|
+
useEffect(() => {
|
|
226
|
+
if (typeof IntersectionObserver === 'undefined' || !rootRef.current) return undefined;
|
|
227
|
+
const io = new IntersectionObserver(
|
|
228
|
+
(entries) => {
|
|
229
|
+
if (entries.some((e) => e.isIntersecting)) updateDimensions();
|
|
230
|
+
},
|
|
231
|
+
{ threshold: 0 },
|
|
232
|
+
);
|
|
233
|
+
io.observe(rootRef.current);
|
|
234
|
+
return () => io.disconnect();
|
|
235
|
+
}, []);
|
|
236
|
+
|
|
194
237
|
// Render math for the placeholder/preview when dragging over
|
|
195
238
|
useEffect(() => {
|
|
196
239
|
if (rootRef.current) {
|
|
197
240
|
renderMath(rootRef.current);
|
|
198
241
|
}
|
|
199
|
-
}, [isOver, dragItem?.choice?.value]);
|
|
242
|
+
}, [correct, isOver, dragItem?.choice?.value]);
|
|
200
243
|
|
|
201
244
|
useEffect(() => {
|
|
202
245
|
if (!choice) {
|
|
@@ -204,7 +247,7 @@ function BlankContent({
|
|
|
204
247
|
return;
|
|
205
248
|
}
|
|
206
249
|
handleElements();
|
|
207
|
-
}, [choice]);
|
|
250
|
+
}, [choice?.value]);
|
|
208
251
|
|
|
209
252
|
useEffect(() => {
|
|
210
253
|
if (!isOver && !isDragging) {
|
|
@@ -224,7 +224,19 @@ class Dropdown extends React.Component {
|
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
handleClick = (event) =>
|
|
227
|
+
handleClick = (event) => {
|
|
228
|
+
const { id, value, choices } = this.props;
|
|
229
|
+
let highlightedOptionId = null;
|
|
230
|
+
|
|
231
|
+
if (value) {
|
|
232
|
+
const selectedIndex = (choices || []).findIndex((c) => c.value === value);
|
|
233
|
+
if (selectedIndex >= 0) {
|
|
234
|
+
highlightedOptionId = `dropdown-option-${id}-${selectedIndex}`;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
this.setState({ anchorEl: event.currentTarget, highlightedOptionId });
|
|
239
|
+
};
|
|
228
240
|
|
|
229
241
|
handleClose = () => {
|
|
230
242
|
const { value } = this.props;
|
|
@@ -386,6 +398,7 @@ class Dropdown extends React.Component {
|
|
|
386
398
|
<StyledMenuItem
|
|
387
399
|
id={optionId}
|
|
388
400
|
className={c.value === value ? 'selected' : ''}
|
|
401
|
+
selected={c.value === value}
|
|
389
402
|
key={`${c.label}-${index}`}
|
|
390
403
|
value={c.value}
|
|
391
404
|
onClick={() => this.handleSelect(c.value, index)}
|