@pie-lib/editable-html-tip-tap 1.0.20 → 1.0.21-next.6053

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.
Files changed (101) hide show
  1. package/CHANGELOG.md +7 -73
  2. package/LICENSE.md +5 -0
  3. package/NEXT.CHANGELOG.json +1 -0
  4. package/lib/components/CharacterPicker.js +20 -60
  5. package/lib/components/CharacterPicker.js.map +1 -1
  6. package/lib/components/EditableHtml.js +50 -121
  7. package/lib/components/EditableHtml.js.map +1 -1
  8. package/lib/components/MenuBar.js +96 -128
  9. package/lib/components/MenuBar.js.map +1 -1
  10. package/lib/components/TiptapContainer.js +162 -45
  11. package/lib/components/TiptapContainer.js.map +1 -1
  12. package/lib/components/characters/characterUtils.js +4 -7
  13. package/lib/components/characters/characterUtils.js.map +1 -1
  14. package/lib/components/characters/custom-popper.js +22 -51
  15. package/lib/components/characters/custom-popper.js.map +1 -1
  16. package/lib/components/common/done-button.js +17 -36
  17. package/lib/components/common/done-button.js.map +1 -1
  18. package/lib/components/common/toolbar-buttons.js +57 -107
  19. package/lib/components/common/toolbar-buttons.js.map +1 -1
  20. package/lib/components/icons/CssIcon.js +14 -26
  21. package/lib/components/icons/CssIcon.js.map +1 -1
  22. package/lib/components/icons/RespArea.js +23 -46
  23. package/lib/components/icons/RespArea.js.map +1 -1
  24. package/lib/components/icons/TableIcons.js +20 -36
  25. package/lib/components/icons/TableIcons.js.map +1 -1
  26. package/lib/components/icons/TextAlign.js +16 -53
  27. package/lib/components/icons/TextAlign.js.map +1 -1
  28. package/lib/components/image/AltDialog.js +18 -49
  29. package/lib/components/image/AltDialog.js.map +1 -1
  30. package/lib/components/image/ImageToolbar.js +50 -90
  31. package/lib/components/image/ImageToolbar.js.map +1 -1
  32. package/lib/components/image/InsertImageHandler.js +17 -35
  33. package/lib/components/image/InsertImageHandler.js.map +1 -1
  34. package/lib/components/media/MediaDialog.js +195 -309
  35. package/lib/components/media/MediaDialog.js.map +1 -1
  36. package/lib/components/media/MediaToolbar.js +39 -66
  37. package/lib/components/media/MediaToolbar.js.map +1 -1
  38. package/lib/components/media/MediaWrapper.js +30 -56
  39. package/lib/components/media/MediaWrapper.js.map +1 -1
  40. package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js +21 -36
  41. package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map +1 -1
  42. package/lib/components/respArea/DragInTheBlank/choice.js +215 -262
  43. package/lib/components/respArea/DragInTheBlank/choice.js.map +1 -1
  44. package/lib/components/respArea/ExplicitConstructedResponse.js +11 -33
  45. package/lib/components/respArea/ExplicitConstructedResponse.js.map +1 -1
  46. package/lib/components/respArea/InlineDropdown.js +19 -41
  47. package/lib/components/respArea/InlineDropdown.js.map +1 -1
  48. package/lib/components/respArea/ToolbarIcon.js +21 -45
  49. package/lib/components/respArea/ToolbarIcon.js.map +1 -1
  50. package/lib/constants.js +3 -5
  51. package/lib/constants.js.map +1 -1
  52. package/lib/extensions/component.js +94 -148
  53. package/lib/extensions/component.js.map +1 -1
  54. package/lib/extensions/css.js +9 -44
  55. package/lib/extensions/css.js.map +1 -1
  56. package/lib/extensions/custom-toolbar-wrapper.js +66 -94
  57. package/lib/extensions/custom-toolbar-wrapper.js.map +1 -1
  58. package/lib/extensions/extended-table.js +2 -6
  59. package/lib/extensions/extended-table.js.map +1 -1
  60. package/lib/extensions/image.js +4 -17
  61. package/lib/extensions/image.js.map +1 -1
  62. package/lib/extensions/index.js +11 -21
  63. package/lib/extensions/index.js.map +1 -1
  64. package/lib/extensions/math.js +45 -96
  65. package/lib/extensions/math.js.map +1 -1
  66. package/lib/extensions/media.js +21 -59
  67. package/lib/extensions/media.js.map +1 -1
  68. package/lib/extensions/responseArea.js +43 -89
  69. package/lib/extensions/responseArea.js.map +1 -1
  70. package/lib/index.js +3 -11
  71. package/lib/index.js.map +1 -1
  72. package/lib/styles/editorContainerStyles.js +2 -7
  73. package/lib/styles/editorContainerStyles.js.map +1 -1
  74. package/lib/theme.js +2 -3
  75. package/lib/theme.js.map +1 -1
  76. package/lib/utils/size.js +2 -10
  77. package/lib/utils/size.js.map +1 -1
  78. package/package.json +15 -13
  79. package/src/components/EditableHtml.jsx +21 -33
  80. package/src/components/MenuBar.jsx +66 -37
  81. package/src/components/TiptapContainer.jsx +133 -34
  82. package/src/components/characters/custom-popper.js +18 -28
  83. package/src/components/common/done-button.jsx +15 -26
  84. package/src/components/common/toolbar-buttons.jsx +28 -44
  85. package/src/components/icons/CssIcon.jsx +11 -13
  86. package/src/components/icons/RespArea.jsx +16 -16
  87. package/src/components/icons/TableIcons.jsx +15 -16
  88. package/src/components/icons/TextAlign.jsx +3 -3
  89. package/src/components/image/AltDialog.jsx +6 -6
  90. package/src/components/image/ImageToolbar.jsx +28 -29
  91. package/src/components/media/MediaDialog.js +61 -78
  92. package/src/components/media/MediaToolbar.jsx +30 -37
  93. package/src/components/media/MediaWrapper.jsx +12 -16
  94. package/src/components/respArea/DragInTheBlank/DragInTheBlank.jsx +5 -4
  95. package/src/components/respArea/DragInTheBlank/choice.jsx +191 -185
  96. package/src/components/respArea/ToolbarIcon.jsx +13 -15
  97. package/src/extensions/component.jsx +61 -89
  98. package/src/extensions/css.js +6 -5
  99. package/src/extensions/custom-toolbar-wrapper.jsx +61 -81
  100. package/lib/__tests__/utils.js +0 -106
  101. package/src/__tests__/utils.js +0 -36
@@ -1,289 +1,242 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.tileTarget = exports.tileSource = exports["default"] = exports.BlankContent = void 0;
9
-
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
17
-
18
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
-
24
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
-
26
- var _react = _interopRequireDefault(require("react"));
27
-
8
+ exports.BlankContent = BlankContent;
9
+ exports["default"] = void 0;
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _react = _interopRequireWildcard(require("react"));
28
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
29
-
30
- var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
31
-
32
- var _drag = require("@pie-lib/drag");
33
-
14
+ var _core = require("@dnd-kit/core");
34
15
  var _renderUi = require("@pie-lib/render-ui");
35
-
36
16
  var _mathRendering = require("@pie-lib/math-rendering");
37
-
38
- var _styles = require("@material-ui/core/styles");
39
-
17
+ var _styles = require("@mui/material/styles");
40
18
  var _classnames = _interopRequireDefault(require("classnames"));
41
-
42
19
  var _RespArea = require("../../icons/RespArea");
43
-
44
- var _excluded = ["connectDropTarget", "connectDragSource"];
45
-
46
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
47
-
48
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
49
-
50
- var useStyles = (0, _styles.withStyles)(function (theme) {
20
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
21
+ var StyledContent = (0, _styles.styled)('span')(function (_ref) {
22
+ var theme = _ref.theme;
51
23
  return {
52
- content: {
53
- border: "solid 0px ".concat(theme.palette.primary.main),
54
- '& mjx-frac': {
55
- fontSize: '120% !important'
56
- }
57
- },
58
- chip: {
59
- minWidth: '90px'
60
- },
61
- correct: {
62
- border: "solid 1px ".concat(_renderUi.color.correct())
63
- },
64
- incorrect: {
65
- border: "solid 1px ".concat(theme.palette.error.main)
66
- },
67
- selected: {
68
- border: "2px solid ".concat(_renderUi.color.primaryDark(), " !important")
24
+ border: "solid 0px ".concat(theme.palette.primary.main),
25
+ '& mjx-frac': {
26
+ fontSize: '120% !important'
69
27
  }
70
28
  };
71
29
  });
72
-
73
- var BlankContent = /*#__PURE__*/function (_React$Component) {
74
- (0, _inherits2["default"])(BlankContent, _React$Component);
75
-
76
- var _super = _createSuper(BlankContent);
77
-
78
- function BlankContent(props) {
79
- var _this;
80
-
81
- (0, _classCallCheck2["default"])(this, BlankContent);
82
- _this = _super.call(this, props);
83
- _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2["default"])(_this));
84
- _this.state = {
85
- hoveredElementSize: null
86
- };
87
- return _this;
88
- }
89
-
90
- (0, _createClass2["default"])(BlankContent, [{
91
- key: "componentDidMount",
92
- value: function componentDidMount() {
93
- document.addEventListener('click', this.handleClick);
94
- }
95
- }, {
96
- key: "componentWillUnmount",
97
- value: function componentWillUnmount() {
98
- document.removeEventListener('click', this.handleClick);
99
- }
100
- }, {
101
- key: "handleClick",
102
- value: function handleClick(event) {
103
- var classes = this.props.classes;
104
-
105
- if (this.elementRef) {
106
- this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';
107
- }
30
+ function BlankContent(_ref2) {
31
+ var _dragItem$value;
32
+ var n = _ref2.n,
33
+ children = _ref2.children,
34
+ isDragging = _ref2.isDragging,
35
+ isOver = _ref2.isOver,
36
+ dragItem = _ref2.dragItem,
37
+ value = _ref2.value;
38
+ var _useState = (0, _react.useState)(null),
39
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
40
+ hoveredElementSize = _useState2[0],
41
+ setHoveredElementSize = _useState2[1];
42
+ var elementRef = (0, _react.useRef)(null);
43
+ var handleClick = function handleClick(event) {
44
+ if (!elementRef.current) return;
45
+ if (elementRef.current.contains(event.target)) {
46
+ elementRef.current.classList.add('selected');
47
+ } else {
48
+ elementRef.current.classList.remove('selected');
108
49
  }
109
- }, {
110
- key: "getSnapshotBeforeUpdate",
111
- value: function getSnapshotBeforeUpdate(prevProps) {
112
- if (!prevProps.isOver && this.props.isOver && this.elementRef) {
113
- var node = this.elementRef;
114
- return {
115
- width: node.offsetWidth,
116
- height: node.offsetHeight
117
- };
118
- }
119
-
120
- return null;
50
+ };
51
+ (0, _react.useEffect)(function () {
52
+ document.addEventListener('click', handleClick);
53
+ return function () {
54
+ document.removeEventListener('click', handleClick);
55
+ };
56
+ }, []);
57
+ (0, _react.useEffect)(function () {
58
+ if (elementRef.current && typeof _mathRendering.renderMath === 'function') {
59
+ (0, _mathRendering.renderMath)(elementRef.current);
121
60
  }
122
- }, {
123
- key: "componentDidUpdate",
124
- value: function componentDidUpdate(prevProps, prevState, snapshot) {
125
- if (this.elementRef && typeof _mathRendering.renderMath === 'function') {
126
- (0, _mathRendering.renderMath)(this.elementRef);
127
- }
128
-
129
- if (snapshot && (!this.state.hoveredElementSize || this.state.hoveredElementSize.width !== snapshot.width || this.state.hoveredElementSize.height !== snapshot.height)) {
130
- this.setState({
131
- hoveredElementSize: snapshot
132
- });
133
- return;
134
- }
135
-
136
- if (prevProps.isOver && !this.props.isOver && this.state.hoveredElementSize) {
137
- this.setState({
138
- hoveredElementSize: null
139
- });
140
- }
61
+ }, [value === null || value === void 0 ? void 0 : value.value, isOver, dragItem === null || dragItem === void 0 || (_dragItem$value = dragItem.value) === null || _dragItem$value === void 0 ? void 0 : _dragItem$value.value]);
62
+ (0, _react.useEffect)(function () {
63
+ if (isOver && elementRef.current && !hoveredElementSize) {
64
+ var node = elementRef.current;
65
+ setHoveredElementSize({
66
+ width: node.offsetWidth,
67
+ height: node.offsetHeight
68
+ });
69
+ } else if (!isOver && hoveredElementSize) {
70
+ setHoveredElementSize(null);
141
71
  }
142
- }, {
143
- key: "render",
144
- value: function render() {
145
- var _this2 = this;
146
-
147
- var _this$props = this.props,
148
- n = _this$props.n,
149
- children = _this$props.children,
150
- isDragging = _this$props.isDragging,
151
- dragItem = _this$props.dragItem,
152
- isOver = _this$props.isOver,
153
- value = _this$props.value;
154
- var hoveredElementSize = this.state.hoveredElementSize;
155
- var label = dragItem && isOver ? dragItem.value.value : value.value || "\xA0";
156
- var finalLabel = isDragging ? "\xA0" : label;
157
- var hasGrip = finalLabel !== "\xA0";
158
- var isPreview = dragItem && isOver;
159
- return /*#__PURE__*/_react["default"].createElement("div", {
160
- ref: function ref(_ref) {
161
- return _this2.elementRef = _ref;
162
- },
163
- style: {
164
- display: 'inline-flex',
165
- minWidth: '178px',
166
- minHeight: '36px',
167
- background: isPreview ? "".concat(_renderUi.color.defaults.BORDER_LIGHT) : "".concat(_renderUi.color.defaults.WHITE),
168
- border: isPreview ? "1px solid ".concat(_renderUi.color.defaults.BORDER_DARK) : "1px solid ".concat(_renderUi.color.defaults.BORDER_LIGHT),
169
- boxSizing: 'border-box',
170
- borderRadius: '3px',
171
- overflow: 'hidden',
172
- position: 'relative',
173
- padding: '8px 8px 8px 35px',
174
- width: hoveredElementSize ? hoveredElementSize.width : undefined,
175
- height: hoveredElementSize ? hoveredElementSize.height : undefined
176
- },
177
- "data-key": n.key,
178
- contentEditable: false
179
- }, hasGrip && /*#__PURE__*/_react["default"].createElement(_RespArea.GripIcon, {
180
- style: {
181
- position: 'absolute',
182
- top: '6px',
183
- left: '15px',
184
- color: '#9B9B9B'
185
- },
186
- contentEditable: false
187
- }), /*#__PURE__*/_react["default"].createElement("span", {
188
- dangerouslySetInnerHTML: {
189
- __html: finalLabel
190
- }
191
- }), children);
72
+ }, [isOver, hoveredElementSize]);
73
+ var label = dragItem && isOver ? dragItem.value.value : value.value || "\xA0";
74
+ var finalLabel = isDragging ? "\xA0" : label;
75
+ var hasGrip = finalLabel !== "\xA0";
76
+ var isPreview = dragItem && isOver;
77
+ return /*#__PURE__*/_react["default"].createElement("div", {
78
+ ref: elementRef,
79
+ style: {
80
+ display: 'inline-flex',
81
+ minWidth: '178px',
82
+ minHeight: '36px',
83
+ background: isPreview ? "".concat(_renderUi.color.defaults.BORDER_LIGHT) : "".concat(_renderUi.color.defaults.WHITE),
84
+ border: isPreview ? "1px solid ".concat(_renderUi.color.defaults.BORDER_DARK) : "1px solid ".concat(_renderUi.color.defaults.BORDER_LIGHT),
85
+ boxSizing: 'border-box',
86
+ borderRadius: '3px',
87
+ overflow: 'hidden',
88
+ position: 'relative',
89
+ padding: '8px 8px 8px 35px',
90
+ width: hoveredElementSize ? hoveredElementSize.width : undefined,
91
+ height: hoveredElementSize ? hoveredElementSize.height : undefined
92
+ },
93
+ "data-key": n.index,
94
+ contentEditable: false
95
+ }, hasGrip && /*#__PURE__*/_react["default"].createElement(_RespArea.GripIcon, {
96
+ style: {
97
+ position: 'absolute',
98
+ top: '6px',
99
+ left: '15px',
100
+ color: '#9B9B9B'
101
+ },
102
+ contentEditable: false
103
+ }), /*#__PURE__*/_react["default"].createElement("span", {
104
+ dangerouslySetInnerHTML: {
105
+ __html: finalLabel
192
106
  }
193
- }]);
194
- return BlankContent;
195
- }(_react["default"].Component);
196
-
197
- exports.BlankContent = BlankContent;
198
- (0, _defineProperty2["default"])(BlankContent, "propTypes", {
107
+ }), children);
108
+ }
109
+ BlankContent.propTypes = {
199
110
  n: _propTypes["default"].object,
200
- children: _propTypes["default"].func,
111
+ children: _propTypes["default"].node,
201
112
  isDragging: _propTypes["default"].bool,
202
113
  isOver: _propTypes["default"].bool,
203
114
  dragItem: _propTypes["default"].object,
204
- value: _propTypes["default"].object,
205
- classes: _propTypes["default"].object
206
- });
207
- var StyledBlankContent = useStyles(BlankContent);
208
- var connectedBlankContent = useStyles(function (_ref2) {
209
- var connectDropTarget = _ref2.connectDropTarget,
210
- connectDragSource = _ref2.connectDragSource,
211
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
212
- var classes = props.classes,
213
- isOver = props.isOver,
214
- value = props.value;
215
-
216
- var dragContent = /*#__PURE__*/_react["default"].createElement(StyledBlankContent, props);
217
-
218
- var dragEl = !value ? dragContent : connectDragSource( /*#__PURE__*/_react["default"].createElement("span", null, dragContent));
219
-
220
- var content = /*#__PURE__*/_react["default"].createElement("span", {
221
- className: (0, _classnames["default"])(classes.content, isOver && classes.over)
222
- }, dragEl);
223
-
224
- return connectDropTarget ? connectDropTarget(content) : content;
225
- });
226
- var tileTarget = {
227
- drop: function drop(props, monitor) {
228
- var draggedItem = monitor.getItem();
229
- var shouldDrop = (0, _isUndefined["default"])(draggedItem.value.index) || (0, _isUndefined["default"])(props.value.index) || draggedItem.value.index !== props.value.index;
230
-
231
- if (shouldDrop) {
232
- props.onChange(draggedItem.value);
233
- }
234
-
235
- return {
236
- dropped: shouldDrop
237
- };
238
- },
239
- canDrop: function canDrop(props, monitor) {
240
- var draggedItem = monitor.getItem();
241
- return draggedItem.instanceId === props.instanceId;
242
- }
115
+ value: _propTypes["default"].object
243
116
  };
244
- exports.tileTarget = tileTarget;
245
- var DropTile = (0, _drag.DropTarget)('drag-in-the-blank-choice', tileTarget, function (connect, monitor) {
246
- return {
247
- connectDropTarget: connect.dropTarget(),
248
- isOver: monitor.isOver({
249
- shallow: true
117
+ function DragDropChoice(_ref3) {
118
+ var _dragItem$data;
119
+ var value = _ref3.value,
120
+ disabled = _ref3.disabled,
121
+ instanceId = _ref3.instanceId,
122
+ children = _ref3.children,
123
+ n = _ref3.n,
124
+ onChange = _ref3.onChange,
125
+ removeResponse = _ref3.removeResponse,
126
+ duplicates = _ref3.duplicates,
127
+ pos = _ref3.pos;
128
+ var _useDraggable = (0, _core.useDraggable)({
129
+ id: "drag-".concat(n.index),
130
+ disabled: disabled || !(value !== null && value !== void 0 && value.value),
131
+ data: {
132
+ id: "drag-".concat(n.index),
133
+ value: value,
134
+ instanceId: instanceId,
135
+ n: n,
136
+ pos: pos,
137
+ opts: {
138
+ duplicates: duplicates
139
+ },
140
+ type: 'drag-in-the-blank-placed-choice',
141
+ fromChoice: !value,
142
+ onRemove: function onRemove(draggedData) {
143
+ return removeResponse(draggedData);
144
+ },
145
+ onDrop: function onDrop(draggedData, dropData) {
146
+ // check if we're dropping into a blank
147
+ var isValidBlank = (dropData === null || dropData === void 0 ? void 0 : dropData.type) === 'drag-in-the-blank-drop-choice';
148
+ if (!isValidBlank) return;
149
+
150
+ // place into blank
151
+ onChange(draggedData);
152
+ if (!duplicates && draggedData.fromChoice) {
153
+ removeResponse(draggedData);
154
+ }
155
+ }
156
+ }
250
157
  }),
251
- dragItem: monitor.getItem()
252
- };
253
- })(connectedBlankContent);
254
- var tileSource = {
255
- canDrag: function canDrag(props) {
256
- return !props.disabled && !!props.value;
257
- },
258
- beginDrag: function beginDrag(props) {
259
- return {
260
- id: props.targetId,
261
- value: props.value,
262
- instanceId: props.instanceId,
263
- fromChoice: true
264
- };
265
- },
266
- endDrag: function endDrag(props, monitor) {
267
- // this will be null if it did not drop
268
- var dropResult = monitor.getDropResult();
269
-
270
- if (!dropResult || dropResult.dropped && !props.duplicates) {
271
- var draggedItem = monitor.getItem();
272
-
273
- if (draggedItem.fromChoice) {
274
- props.removeResponse(draggedItem.value);
158
+ dragAttributes = _useDraggable.attributes,
159
+ dragListeners = _useDraggable.listeners,
160
+ setDragNodeRef = _useDraggable.setNodeRef,
161
+ isDragging = _useDraggable.isDragging;
162
+ var _useDroppable = (0, _core.useDroppable)({
163
+ id: "drop-".concat(n.index),
164
+ data: {
165
+ type: 'drag-in-the-blank-drop-choice',
166
+ accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],
167
+ instanceId: instanceId,
168
+ value: value,
169
+ id: "drop-".concat(n.index),
170
+ pos: pos,
171
+ n: n,
172
+ opts: {
173
+ duplicates: duplicates
174
+ },
175
+ onDrop: function onDrop(draggedData, dropData) {
176
+ // check if we're dropping into a blank
177
+ var isValidBlank = (dropData === null || dropData === void 0 ? void 0 : dropData.type) === 'drag-in-the-blank-drop-choice';
178
+ if (!isValidBlank) return;
179
+
180
+ // if the dragged and dropped data are the same, do nothing
181
+ if (draggedData.value.id === dropData.value.id) return;
182
+ if (draggedData.type === 'drag-in-the-blank-choice') {
183
+ // place into blank
184
+ onChange(draggedData);
185
+ if (!duplicates && draggedData.fromChoice) {
186
+ removeResponse(draggedData);
187
+ }
188
+ return;
189
+ }
190
+
191
+ // moving placed choice between blanks
192
+ if (draggedData.type === 'drag-in-the-blank-placed-choice') {
193
+ // clear target blank
194
+ removeResponse(dropData);
195
+
196
+ // set new blank value
197
+ onChange(draggedData);
198
+
199
+ // clear original blank - slight delay to ensure state updates correctly
200
+ setTimeout(function () {
201
+ return removeResponse(draggedData);
202
+ }, 10);
203
+ }
204
+ }
275
205
  }
276
- }
277
- }
278
- };
279
- exports.tileSource = tileSource;
280
-
281
- var _default = (0, _drag.DragSource)('drag-in-the-blank-choice', tileSource, function (connect, monitor) {
282
- return {
283
- connectDragSource: connect.dragSource(),
284
- isDragging: monitor.isDragging()
206
+ }),
207
+ setDropNodeRef = _useDroppable.setNodeRef,
208
+ isOver = _useDroppable.isOver,
209
+ dragItem = _useDroppable.active;
210
+ var setNodeRef = function setNodeRef(node) {
211
+ setDragNodeRef(node);
212
+ setDropNodeRef(node);
285
213
  };
286
- })(DropTile);
287
-
288
- exports["default"] = _default;
289
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3Jlc3BBcmVhL0RyYWdJblRoZUJsYW5rL2Nob2ljZS5qc3giXSwibmFtZXMiOlsidXNlU3R5bGVzIiwidGhlbWUiLCJjb250ZW50IiwiYm9yZGVyIiwicGFsZXR0ZSIsInByaW1hcnkiLCJtYWluIiwiZm9udFNpemUiLCJjaGlwIiwibWluV2lkdGgiLCJjb3JyZWN0IiwiY29sb3IiLCJpbmNvcnJlY3QiLCJlcnJvciIsInNlbGVjdGVkIiwicHJpbWFyeURhcmsiLCJCbGFua0NvbnRlbnQiLCJwcm9wcyIsImhhbmRsZUNsaWNrIiwiYmluZCIsInN0YXRlIiwiaG92ZXJlZEVsZW1lbnRTaXplIiwiZG9jdW1lbnQiLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsImV2ZW50IiwiY2xhc3NlcyIsImVsZW1lbnRSZWYiLCJjbGFzc05hbWUiLCJjb250YWlucyIsInRhcmdldCIsInByZXZQcm9wcyIsImlzT3ZlciIsIm5vZGUiLCJ3aWR0aCIsIm9mZnNldFdpZHRoIiwiaGVpZ2h0Iiwib2Zmc2V0SGVpZ2h0IiwicHJldlN0YXRlIiwic25hcHNob3QiLCJyZW5kZXJNYXRoIiwic2V0U3RhdGUiLCJuIiwiY2hpbGRyZW4iLCJpc0RyYWdnaW5nIiwiZHJhZ0l0ZW0iLCJ2YWx1ZSIsImxhYmVsIiwiZmluYWxMYWJlbCIsImhhc0dyaXAiLCJpc1ByZXZpZXciLCJyZWYiLCJkaXNwbGF5IiwibWluSGVpZ2h0IiwiYmFja2dyb3VuZCIsImRlZmF1bHRzIiwiQk9SREVSX0xJR0hUIiwiV0hJVEUiLCJCT1JERVJfREFSSyIsImJveFNpemluZyIsImJvcmRlclJhZGl1cyIsIm92ZXJmbG93IiwicG9zaXRpb24iLCJwYWRkaW5nIiwidW5kZWZpbmVkIiwia2V5IiwidG9wIiwibGVmdCIsIl9faHRtbCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiZnVuYyIsImJvb2wiLCJTdHlsZWRCbGFua0NvbnRlbnQiLCJjb25uZWN0ZWRCbGFua0NvbnRlbnQiLCJjb25uZWN0RHJvcFRhcmdldCIsImNvbm5lY3REcmFnU291cmNlIiwiZHJhZ0NvbnRlbnQiLCJkcmFnRWwiLCJvdmVyIiwidGlsZVRhcmdldCIsImRyb3AiLCJtb25pdG9yIiwiZHJhZ2dlZEl0ZW0iLCJnZXRJdGVtIiwic2hvdWxkRHJvcCIsImluZGV4Iiwib25DaGFuZ2UiLCJkcm9wcGVkIiwiY2FuRHJvcCIsImluc3RhbmNlSWQiLCJEcm9wVGlsZSIsImNvbm5lY3QiLCJkcm9wVGFyZ2V0Iiwic2hhbGxvdyIsInRpbGVTb3VyY2UiLCJjYW5EcmFnIiwiZGlzYWJsZWQiLCJiZWdpbkRyYWciLCJpZCIsInRhcmdldElkIiwiZnJvbUNob2ljZSIsImVuZERyYWciLCJkcm9wUmVzdWx0IiwiZ2V0RHJvcFJlc3VsdCIsImR1cGxpY2F0ZXMiLCJyZW1vdmVSZXNwb25zZSIsImRyYWdTb3VyY2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7Ozs7Ozs7QUFFQSxJQUFNQSxTQUFTLEdBQUcsd0JBQVcsVUFBQ0MsS0FBRDtBQUFBLFNBQVk7QUFDdkNDLElBQUFBLE9BQU8sRUFBRTtBQUNQQyxNQUFBQSxNQUFNLHNCQUFlRixLQUFLLENBQUNHLE9BQU4sQ0FBY0MsT0FBZCxDQUFzQkMsSUFBckMsQ0FEQztBQUVQLG9CQUFjO0FBQ1pDLFFBQUFBLFFBQVEsRUFBRTtBQURFO0FBRlAsS0FEOEI7QUFPdkNDLElBQUFBLElBQUksRUFBRTtBQUNKQyxNQUFBQSxRQUFRLEVBQUU7QUFETixLQVBpQztBQVV2Q0MsSUFBQUEsT0FBTyxFQUFFO0FBQ1BQLE1BQUFBLE1BQU0sc0JBQWVRLGdCQUFNRCxPQUFOLEVBQWY7QUFEQyxLQVY4QjtBQWF2Q0UsSUFBQUEsU0FBUyxFQUFFO0FBQ1RULE1BQUFBLE1BQU0sc0JBQWVGLEtB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QUNBLFFBQU1xQixVQUFVLEdBQUdyQixPQUFPLENBQUNzQixhQUFSLEVBQW5COztBQUVBLFFBQUksQ0FBQ0QsVUFBRCxJQUFnQkEsVUFBVSxDQUFDZixPQUFYLElBQXNCLENBQUN6RSxLQUFLLENBQUMwRixVQUFqRCxFQUE4RDtBQUM1RCxVQUFNdEIsV0FBVyxHQUFHRCxPQUFPLENBQUNFLE9BQVIsRUFBcEI7O0FBRUEsVUFBSUQsV0FBVyxDQUFDa0IsVUFBaEIsRUFBNEI7QUFDMUJ0RixRQUFBQSxLQUFLLENBQUMyRixjQUFOLENBQXFCdkIsV0FBVyxDQUFDdkMsS0FBakM7QUFDRDtBQUNGO0FBQ0Y7QUF2QnVCLENBQW5COzs7ZUEwQlEsc0JBQVcsMEJBQVgsRUFBdUNtRCxVQUF2QyxFQUFtRCxVQUFDSCxPQUFELEVBQVVWLE9BQVY7QUFBQSxTQUF1QjtBQUN2Rk4sSUFBQUEsaUJBQWlCLEVBQUVnQixPQUFPLENBQUNlLFVBQVIsRUFEb0U7QUFFdkZqRSxJQUFBQSxVQUFVLEVBQUV3QyxPQUFPLENBQUN4QyxVQUFSO0FBRjJFLEdBQXZCO0FBQUEsQ0FBbkQsRUFHWGlELFFBSFcsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IGlzVW5kZWZpbmVkIGZyb20gJ2xvZGFzaC9pc1VuZGVmaW5lZCc7XG5pbXBvcnQgeyBEcmFnU291cmNlLCBEcm9wVGFyZ2V0IH0gZnJvbSAnQHBpZS1saWIvZHJhZyc7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgeyByZW5kZXJNYXRoIH0gZnJvbSAnQHBpZS1saWIvbWF0aC1yZW5kZXJpbmcnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuaW1wb3J0IHsgR3JpcEljb24gfSBmcm9tICcuLi8uLi9pY29ucy9SZXNwQXJlYSc7XG5cbmNvbnN0IHVzZVN0eWxlcyA9IHdpdGhTdHlsZXMoKHRoZW1lKSA9PiAoe1xuICBjb250ZW50OiB7XG4gICAgYm9yZGVyOiBgc29saWQgMHB4ICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59YCxcbiAgICAnJiBtangtZnJhYyc6IHtcbiAgICAgIGZvbnRTaXplOiAnMTIwJSAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9LFxuICBjaGlwOiB7XG4gICAgbWluV2lkdGg6ICc5MHB4JyxcbiAgfSxcbiAgY29ycmVjdDoge1xuICAgIGJvcmRlcjogYHNvbGlkIDFweCAke2NvbG9yLmNvcnJlY3QoKX1gLFxuICB9LFxuICBpbmNvcnJlY3Q6IHtcbiAgICBib3JkZXI6IGBzb2xpZCAxcHggJHt0aGVtZS5wYWxldHRlLmVycm9yLm1haW59YCxcbiAgfSxcbiAgc2VsZWN0ZWQ6IHtcbiAgICBib3JkZXI6IGAycHggc29saWQgJHtjb2xvci5wcmltYXJ5RGFyaygpfSAhaW1wb3J0YW50YCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNsYXNzIEJsYW5rQ29udGVudCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgbjogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjaGlsZHJlbjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgaXNEcmFnZ2luZzogUHJvcFR5cGVzLmJvb2wsXG4gICAgaXNPdmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkcmFnSXRlbTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICB2YWx1ZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuXG4gICAgdGhpcy5oYW5kbGVDbGljayA9IHRoaXMuaGFuZGxlQ2xpY2suYmluZCh0aGlzKTtcbiAgICB0aGlzLnN0YXRlID0geyBob3ZlcmVkRWxlbWVudFNpemU6IG51bGwgfTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5oYW5kbGVDbGljayk7XG4gIH1cblxuICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuaGFuZGxlQ2xpY2spO1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soZXZlbnQpIHtcbiAgICBjb25zdCB7IGNsYXNzZXMgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAodGhpcy5lbGVtZW50UmVmKSB7XG4gICAgICB0aGlzLmVsZW1lbnRSZWYuY2xhc3NOYW1lID0gdGhpcy5lbGVtZW50UmVmLmNvbnRhaW5zKGV2ZW50LnRhcmdldCkgPyBjbGFzc2VzLnNlbGVjdGVkIDogJyc7XG4gICAgfVxuICB9XG5cbiAgZ2V0U25hcHNob3RCZWZvcmVVcGRhdGUocHJldlByb3BzKSB7XG4gICAgaWYgKCFwcmV2UHJvcHMuaXNPdmVyICYmIHRoaXMucHJvcHMuaXNPdmVyICYmIHRoaXMuZWxlbWVudFJlZikge1xuICAgICAgY29uc3Qgbm9kZSA9IHRoaXMuZWxlbWVudFJlZjtcbiAgICAgIHJldHVybiB7IHdpZHRoOiBub2RlLm9mZnNldFdpZHRoLCBoZWlnaHQ6IG5vZGUub2Zmc2V0SGVpZ2h0IH07XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlKHByZXZQcm9wcywgcHJldlN0YXRlLCBzbmFwc2hvdCkge1xuICAgIGlmICh0aGlzLmVsZW1lbnRSZWYgJiYgdHlwZW9mIHJlbmRlck1hdGggPT09ICdmdW5jdGlvbicpIHtcbiAgICAgIHJlbmRlck1hdGgodGhpcy5lbGVtZW50UmVmKTtcbiAgICB9XG5cbiAgICBpZiAoXG4gICAgICBzbmFwc2hvdCAmJlxuICAgICAgKCF0aGlzLnN0YXRlLmhvdmVyZWRFbGVtZW50U2l6ZSB8fFxuICAgICAgICB0aGlzLnN0YXRlLmhvdmVyZWRFbGVtZW50U2l6ZS53aWR0aCAhPT0gc25hcHNob3Qud2lkdGggfHxcbiAgICAgICAgdGhpcy5zdGF0ZS5ob3ZlcmVkRWxlbWVudFNpemUuaGVpZ2h0ICE9PSBzbmFwc2hvdC5oZWlnaHQpXG4gICAgKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgaG92ZXJlZEVsZW1lbnRTaXplOiBzbmFwc2hvdCB9KTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAocHJldlByb3BzLmlzT3ZlciAmJiAhdGhpcy5wcm9wcy5pc092ZXIgJiYgdGhpcy5zdGF0ZS5ob3ZlcmVkRWxlbWVudFNpemUpIHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBob3ZlcmVkRWxlbWVudFNpemU6IG51bGwgfSk7XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbiwgY2hpbGRyZW4sIGlzRHJhZ2dpbmcsIGRyYWdJdGVtLCBpc092ZXIsIHZhbHVlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgaG92ZXJlZEVsZW1lbnRTaXplIH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgY29uc3QgbGFiZWwgPSBkcmFnSXRlbSAmJiBpc092ZXIgPyBkcmFnSXRlbS52YWx1ZS52YWx1ZSA6IHZhbHVlLnZhbHVlIHx8ICdcXHUwMEEwJztcbiAgICBjb25zdCBmaW5hbExhYmVsID0gaXNEcmFnZ2luZyA/ICdcXHUwMEEwJyA6IGxhYmVsO1xuICAgIGNvbnN0IGhhc0dyaXAgPSBmaW5hbExhYmVsICE9PSAnXFx1MDBBMCc7XG4gICAgY29uc3QgaXNQcmV2aWV3ID0gZHJhZ0l0ZW0gJiYgaXNPdmVyO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXsocmVmKSA9PiAodGhpcy5lbGVtZW50UmVmID0gcmVmKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgICAgIG1pbldpZHRoOiAnMTc4cHgnLFxuICAgICAgICAgIG1pbkhlaWdodDogJzM2cHgnLFxuICAgICAgICAgIGJhY2tncm91bmQ6IGlzUHJldmlldyA/IGAke2NvbG9yLmRlZmF1bHRzLkJPUkRFUl9MSUdIVH1gIDogYCR7Y29sb3IuZGVmYXVsdHMuV0hJVEV9YCxcbiAgICAgICAgICBib3JkZXI6IGlzUHJldmlldyA/IGAxcHggc29saWQgICR7Y29sb3IuZGVmYXVsdHMuQk9SREVSX0RBUkt9YCA6IGAxcHggc29saWQgICR7Y29sb3IuZGVmYXVsdHMuQk9SREVSX0xJR0hUfWAsXG4gICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnM3B4JyxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgcGFkZGluZzogJzhweCA4cHggOHB4IDM1cHgnLFxuICAgICAgICAgIHdpZHRoOiBob3ZlcmVkRWxlbWVudFNpemUgPyBob3ZlcmVkRWxlbWVudFNpemUud2lkdGggOiB1bmRlZmluZWQsXG4gICAgICAgICAgaGVpZ2h0OiBob3ZlcmVkRWxlbWVudFNpemUgPyBob3ZlcmVkRWxlbWVudFNpemUuaGVpZ2h0IDogdW5kZWZpbmVkLFxuICAgICAgICB9fVxuICAgICAgICBkYXRhLWtleT17bi5rZXl9XG4gICAgICAgIGNvbnRlbnRFZGl0YWJsZT17ZmFsc2V9XG4gICAgICA+XG4gICAgICAgIHtoYXNHcmlwICYmIChcbiAgICAgICAgICA8R3JpcEljb25cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgICB0b3A6ICc2cHgnLFxuICAgICAgICAgICAgICBsZWZ0OiAnMTVweCcsXG4gICAgICAgICAgICAgIGNvbG9yOiAnIzlCOUI5QicsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgY29udGVudEVkaXRhYmxlPXtmYWxzZX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8c3BhblxuICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgICAgICBfX2h0bWw6IGZpbmFsTGFiZWwsXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5jb25zdCBTdHlsZWRCbGFua0NvbnRlbnQgPSB1c2VTdHlsZXMoQmxhbmtDb250ZW50KTtcblxuY29uc3QgY29ubmVjdGVkQmxhbmtDb250ZW50ID0gdXNlU3R5bGVzKCh7IGNvbm5lY3REcm9wVGFyZ2V0LCBjb25uZWN0RHJhZ1NvdXJjZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGlzT3ZlciwgdmFsdWUgfSA9IHByb3BzO1xuICBjb25zdCBkcmFnQ29udGVudCA9IDxTdHlsZWRCbGFua0NvbnRlbnQgey4uLnByb3BzfSAvPjtcbiAgY29uc3QgZHJhZ0VsID0gIXZhbHVlID8gZHJhZ0NvbnRlbnQgOiBjb25uZWN0RHJhZ1NvdXJjZSg8c3Bhbj57ZHJhZ0NvbnRlbnR9PC9zcGFuPik7XG4gIGNvbnN0IGNvbnRlbnQgPSA8c3BhbiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3Nlcy5jb250ZW50LCBpc092ZXIgJiYgY2xhc3Nlcy5vdmVyKX0+e2RyYWdFbH08L3NwYW4+O1xuXG4gIHJldHVybiBjb25uZWN0RHJvcFRhcmdldCA/IGNvbm5lY3REcm9wVGFyZ2V0KGNvbnRlbnQpIDogY29udGVudDtcbn0pO1xuXG5leHBvcnQgY29uc3QgdGlsZVRhcmdldCA9IHtcbiAgZHJvcChwcm9wcywgbW9uaXRvcikge1xuICAgIGNvbnN0IGRyYWdnZWRJdGVtID0gbW9uaXRvci5nZXRJdGVtKCk7XG4gICAgY29uc3Qgc2hvdWxkRHJvcCA9XG4gICAgICBpc1VuZGVmaW5lZChkcmFnZ2VkSXRlbS52YWx1ZS5pbmRleCkgfHxcbiAgICAgIGlzVW5kZWZpbmVkKHByb3BzLnZhbHVlLmluZGV4KSB8fFxuICAgICAgZHJhZ2dlZEl0ZW0udmFsdWUuaW5kZXggIT09IHByb3BzLnZhbHVlLmluZGV4O1xuXG4gICAgaWYgKHNob3VsZERyb3ApIHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlKGRyYWdnZWRJdGVtLnZhbHVlKTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgZHJvcHBlZDogc2hvdWxkRHJvcCxcbiAgICB9O1xuICB9LFxuICBjYW5Ecm9wKHByb3BzLCBtb25pdG9yKSB7XG4gICAgY29uc3QgZHJhZ2dlZEl0ZW0gPSBtb25pdG9yLmdldEl0ZW0oKTtcblxuICAgIHJldHVybiBkcmFnZ2VkSXRlbS5pbnN0YW5jZUlkID09PSBwcm9wcy5pbnN0YW5jZUlkO1xuICB9LFxufTtcblxuY29uc3QgRHJvcFRpbGUgPSBEcm9wVGFyZ2V0KCdkcmFnLWluLXRoZS1ibGFuay1jaG9pY2UnLCB0aWxlVGFyZ2V0LCAoY29ubmVjdCwgbW9uaXRvcikgPT4gKHtcbiAgY29ubmVjdERyb3BUYXJnZXQ6IGNvbm5lY3QuZHJvcFRhcmdldCgpLFxuICBpc092ZXI6IG1vbml0b3IuaXNPdmVyKHsgc2hhbGxvdzogdHJ1ZSB9KSxcbiAgZHJhZ0l0ZW06IG1vbml0b3IuZ2V0SXRlbSgpLFxufSkpKGNvbm5lY3RlZEJsYW5rQ29udGVudCk7XG5cbmV4cG9ydCBjb25zdCB0aWxlU291cmNlID0ge1xuICBjYW5EcmFnKHByb3BzKSB7XG4gICAgcmV0dXJuICFwcm9wcy5kaXNhYmxlZCAmJiAhIXByb3BzLnZhbHVlO1xuICB9LFxuICBiZWdpbkRyYWcocHJvcHMpIHtcbiAgICByZXR1cm4ge1xuICAgICAgaWQ6IHByb3BzLnRhcmdldElkLFxuICAgICAgdmFsdWU6IHByb3BzLnZhbHVlLFxuICAgICAgaW5zdGFuY2VJZDogcHJvcHMuaW5zdGFuY2VJZCxcbiAgICAgIGZyb21DaG9pY2U6IHRydWUsXG4gICAgfTtcbiAgfSxcbiAgZW5kRHJhZyhwcm9wcywgbW9uaXRvcikge1xuICAgIC8vIHRoaXMgd2lsbCBiZSBudWxsIGlmIGl0IGRpZCBub3QgZHJvcFxuICAgIGNvbnN0IGRyb3BSZXN1bHQgPSBtb25pdG9yLmdldERyb3BSZXN1bHQoKTtcblxuICAgIGlmICghZHJvcFJlc3VsdCB8fCAoZHJvcFJlc3VsdC5kcm9wcGVkICYmICFwcm9wcy5kdXBsaWNhdGVzKSkge1xuICAgICAgY29uc3QgZHJhZ2dlZEl0ZW0gPSBtb25pdG9yLmdldEl0ZW0oKTtcblxuICAgICAgaWYgKGRyYWdnZWRJdGVtLmZyb21DaG9pY2UpIHtcbiAgICAgICAgcHJvcHMucmVtb3ZlUmVzcG9uc2UoZHJhZ2dlZEl0ZW0udmFsdWUpO1xuICAgICAgfVxuICAgIH1cbiAgfSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdTb3VyY2UoJ2RyYWctaW4tdGhlLWJsYW5rLWNob2ljZScsIHRpbGVTb3VyY2UsIChjb25uZWN0LCBtb25pdG9yKSA9PiAoe1xuICBjb25uZWN0RHJhZ1NvdXJjZTogY29ubmVjdC5kcmFnU291cmNlKCksXG4gIGlzRHJhZ2dpbmc6IG1vbml0b3IuaXNEcmFnZ2luZygpLFxufSkpKERyb3BUaWxlKTtcbiJdfQ==
214
+ var dragContent = /*#__PURE__*/_react["default"].createElement(BlankContent, {
215
+ n: n,
216
+ isDragging: isDragging,
217
+ isOver: isOver,
218
+ dragItem: dragItem === null || dragItem === void 0 || (_dragItem$data = dragItem.data) === null || _dragItem$data === void 0 ? void 0 : _dragItem$data.current,
219
+ value: value
220
+ }, children);
221
+ var dragEl = !value ? /*#__PURE__*/_react["default"].createElement("span", {
222
+ ref: setDropNodeRef
223
+ }, dragContent) : /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
224
+ ref: setNodeRef
225
+ }, dragAttributes, dragListeners), dragContent);
226
+ var content = /*#__PURE__*/_react["default"].createElement(StyledContent, {
227
+ className: (0, _classnames["default"])(isOver && 'over')
228
+ }, dragEl);
229
+ return content;
230
+ }
231
+ DragDropChoice.propTypes = {
232
+ value: _propTypes["default"].object,
233
+ disabled: _propTypes["default"].bool,
234
+ instanceId: _propTypes["default"].string,
235
+ children: _propTypes["default"].node,
236
+ n: _propTypes["default"].object.isRequired,
237
+ onChange: _propTypes["default"].func.isRequired,
238
+ removeResponse: _propTypes["default"].func.isRequired,
239
+ duplicates: _propTypes["default"].bool
240
+ };
241
+ var _default = exports["default"] = DragDropChoice;
242
+ //# sourceMappingURL=choice.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"names":["useStyles","theme","content","border","palette","primary","main","fontSize","chip","minWidth","correct","color","incorrect","error","selected","primaryDark","BlankContent","props","handleClick","bind","state","hoveredElementSize","document","addEventListener","removeEventListener","event","classes","elementRef","className","contains","target","prevProps","isOver","node","width","offsetWidth","height","offsetHeight","prevState","snapshot","renderMath","setState","n","children","isDragging","dragItem","value","label","finalLabel","hasGrip","isPreview","ref","display","minHeight","background","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","key","top","left","__html","React","Component","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","connectDropTarget","connectDragSource","dragContent","dragEl","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","index","onChange","dropped","canDrop","instanceId","DropTile","connect","dropTarget","shallow","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","dragSource"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst useStyles = withStyles((theme) => ({\n content: {\n border: `solid 0px ${theme.palette.primary.main}`,\n '& mjx-frac': {\n fontSize: '120% !important',\n },\n },\n chip: {\n minWidth: '90px',\n },\n correct: {\n border: `solid 1px ${color.correct()}`,\n },\n incorrect: {\n border: `solid 1px ${theme.palette.error.main}`,\n },\n selected: {\n border: `2px solid ${color.primaryDark()} !important`,\n },\n}));\n\nexport class BlankContent extends React.Component {\n static propTypes = {\n n: PropTypes.object,\n children: PropTypes.func,\n isDragging: PropTypes.bool,\n isOver: PropTypes.bool,\n dragItem: PropTypes.object,\n value: PropTypes.object,\n classes: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.handleClick = this.handleClick.bind(this);\n this.state = { hoveredElementSize: null };\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClick);\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClick);\n }\n\n handleClick(event) {\n const { classes } = this.props;\n\n if (this.elementRef) {\n this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n }\n }\n\n getSnapshotBeforeUpdate(prevProps) {\n if (!prevProps.isOver && this.props.isOver && this.elementRef) {\n const node = this.elementRef;\n return { width: node.offsetWidth, height: node.offsetHeight };\n }\n return null;\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (this.elementRef && typeof renderMath === 'function') {\n renderMath(this.elementRef);\n }\n\n if (\n snapshot &&\n (!this.state.hoveredElementSize ||\n this.state.hoveredElementSize.width !== snapshot.width ||\n this.state.hoveredElementSize.height !== snapshot.height)\n ) {\n this.setState({ hoveredElementSize: snapshot });\n return;\n }\n\n if (prevProps.isOver && !this.props.isOver && this.state.hoveredElementSize) {\n this.setState({ hoveredElementSize: null });\n }\n }\n\n render() {\n const { n, children, isDragging, dragItem, isOver, value } = this.props;\n const { hoveredElementSize } = this.state;\n\n const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n const finalLabel = isDragging ? '\\u00A0' : label;\n const hasGrip = finalLabel !== '\\u00A0';\n const isPreview = dragItem && isOver;\n\n return (\n <div\n ref={(ref) => (this.elementRef = ref)}\n style={{\n display: 'inline-flex',\n minWidth: '178px',\n minHeight: '36px',\n background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n border: isPreview ? `1px solid ${color.defaults.BORDER_DARK}` : `1px solid ${color.defaults.BORDER_LIGHT}`,\n boxSizing: 'border-box',\n borderRadius: '3px',\n overflow: 'hidden',\n position: 'relative',\n padding: '8px 8px 8px 35px',\n width: hoveredElementSize ? hoveredElementSize.width : undefined,\n height: hoveredElementSize ? hoveredElementSize.height : undefined,\n }}\n data-key={n.key}\n contentEditable={false}\n >\n {hasGrip && (\n <GripIcon\n style={{\n position: 'absolute',\n top: '6px',\n left: '15px',\n color: '#9B9B9B',\n }}\n contentEditable={false}\n />\n )}\n <span\n dangerouslySetInnerHTML={{\n __html: finalLabel,\n }}\n />\n {children}\n </div>\n );\n }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n const { classes, isOver, value } = props;\n const dragContent = <StyledBlankContent {...props} />;\n const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n const content = <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>;\n\n return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n const shouldDrop =\n isUndefined(draggedItem.value.index) ||\n isUndefined(props.value.index) ||\n draggedItem.value.index !== props.value.index;\n\n if (shouldDrop) {\n props.onChange(draggedItem.value);\n }\n\n return {\n dropped: shouldDrop,\n };\n },\n canDrop(props, monitor) {\n const draggedItem = monitor.getItem();\n\n return draggedItem.instanceId === props.instanceId;\n },\n};\n\nconst DropTile = DropTarget('drag-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver({ shallow: true }),\n dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nexport const tileSource = {\n canDrag(props) {\n return !props.disabled && !!props.value;\n },\n beginDrag(props) {\n return {\n id: props.targetId,\n value: props.value,\n instanceId: props.instanceId,\n fromChoice: true,\n };\n },\n endDrag(props, monitor) {\n // this will be null if it did not drop\n const dropResult = monitor.getDropResult();\n\n if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n const draggedItem = monitor.getItem();\n\n if (draggedItem.fromChoice) {\n props.removeResponse(draggedItem.value);\n }\n }\n },\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(DropTile);\n"],"file":"choice.js"}
1
+ {"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_renderUi","_mathRendering","_styles","_classnames","_RespArea","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","BlankContent","_ref2","_dragItem$value","children","isDragging","isOver","dragItem","value","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","renderMath","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","createElement","ref","style","display","minWidth","minHeight","background","color","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","index","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","bool","DragDropChoice","_ref3","_dragItem$data","disabled","instanceId","onChange","removeResponse","duplicates","pos","_useDraggable","useDraggable","id","data","opts","type","fromChoice","onRemove","draggedData","onDrop","dropData","isValidBlank","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","_extends2","content","className","classnames","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n border: `solid 0px ${theme.palette.primary.main}`,\n '& mjx-frac': {\n fontSize: '120% !important',\n },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value }) {\n const [hoveredElementSize, setHoveredElementSize] = useState(null);\n const elementRef = useRef(null);\n\n const handleClick = (event) => {\n if (!elementRef.current) return;\n\n if (elementRef.current.contains(event.target)) {\n elementRef.current.classList.add('selected');\n } else {\n elementRef.current.classList.remove('selected');\n }\n };\n\n useEffect(() => {\n document.addEventListener('click', handleClick);\n return () => {\n document.removeEventListener('click', handleClick);\n };\n }, []);\n\n useEffect(() => {\n if (elementRef.current && typeof renderMath === 'function') {\n renderMath(elementRef.current);\n }\n }, [value?.value, isOver, dragItem?.value?.value]);\n\n useEffect(() => {\n if (isOver && elementRef.current && !hoveredElementSize) {\n const node = elementRef.current;\n setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n } else if (!isOver && hoveredElementSize) {\n setHoveredElementSize(null);\n }\n }, [isOver, hoveredElementSize]);\n\n const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n const finalLabel = isDragging ? '\\u00A0' : label;\n const hasGrip = finalLabel !== '\\u00A0';\n const isPreview = dragItem && isOver;\n\n return (\n <div\n ref={elementRef}\n style={{\n display: 'inline-flex',\n minWidth: '178px',\n minHeight: '36px',\n background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n border: isPreview ? `1px solid ${color.defaults.BORDER_DARK}` : `1px solid ${color.defaults.BORDER_LIGHT}`,\n boxSizing: 'border-box',\n borderRadius: '3px',\n overflow: 'hidden',\n position: 'relative',\n padding: '8px 8px 8px 35px',\n width: hoveredElementSize ? hoveredElementSize.width : undefined,\n height: hoveredElementSize ? hoveredElementSize.height : undefined,\n }}\n data-key={n.index}\n contentEditable={false}\n >\n {hasGrip && (\n <GripIcon\n style={{\n position: 'absolute',\n top: '6px',\n left: '15px',\n color: '#9B9B9B',\n }}\n contentEditable={false}\n />\n )}\n <span\n dangerouslySetInnerHTML={{\n __html: finalLabel,\n }}\n />\n {children}\n </div>\n );\n}\n\nBlankContent.propTypes = {\n n: PropTypes.object,\n children: PropTypes.node,\n isDragging: PropTypes.bool,\n isOver: PropTypes.bool,\n dragItem: PropTypes.object,\n value: PropTypes.object,\n};\n\nfunction DragDropChoice({ value, disabled, instanceId, children, n, onChange, removeResponse, duplicates, pos }) {\n const { attributes: dragAttributes, listeners: dragListeners, setNodeRef: setDragNodeRef, isDragging } = useDraggable(\n {\n id: `drag-${n.index}`,\n disabled: disabled || !value?.value,\n data: {\n id: `drag-${n.index}`,\n value,\n instanceId,\n n,\n pos,\n opts: { duplicates },\n type: 'drag-in-the-blank-placed-choice',\n fromChoice: !value,\n onRemove: (draggedData) => removeResponse(draggedData),\n onDrop: (draggedData, dropData) => {\n // check if we're dropping into a blank\n const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n if (!isValidBlank) return;\n\n // place into blank\n onChange(draggedData);\n\n if (!duplicates && draggedData.fromChoice) {\n removeResponse(draggedData);\n }\n },\n },\n },\n );\n\n const { setNodeRef: setDropNodeRef, isOver, active: dragItem } = useDroppable({\n id: `drop-${n.index}`,\n data: {\n type: 'drag-in-the-blank-drop-choice',\n accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n instanceId: instanceId,\n value: value,\n id: `drop-${n.index}`,\n pos,\n n,\n opts: { duplicates },\n onDrop: (draggedData, dropData) => {\n // check if we're dropping into a blank\n const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n if (!isValidBlank) return;\n\n // if the dragged and dropped data are the same, do nothing\n if (draggedData.value.id === dropData.value.id) return;\n\n if (draggedData.type === 'drag-in-the-blank-choice') {\n // place into blank\n onChange(draggedData);\n\n if (!duplicates && draggedData.fromChoice) {\n removeResponse(draggedData);\n }\n return;\n }\n\n // moving placed choice between blanks\n if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n // clear target blank\n removeResponse(dropData);\n\n // set new blank value\n onChange(draggedData);\n\n // clear original blank - slight delay to ensure state updates correctly\n setTimeout(() => removeResponse(draggedData), 10);\n }\n },\n },\n });\n\n const setNodeRef = (node) => {\n setDragNodeRef(node);\n setDropNodeRef(node);\n };\n\n const dragContent = (\n <BlankContent n={n} isDragging={isDragging} isOver={isOver} dragItem={dragItem?.data?.current} value={value}>\n {children}\n </BlankContent>\n );\n\n const dragEl = !value ? (\n <span ref={setDropNodeRef}>{dragContent}</span>\n ) : (\n <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n {dragContent}\n </span>\n );\n\n const content = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\n\n return content;\n}\n\nDragDropChoice.propTypes = {\n value: PropTypes.object,\n disabled: PropTypes.bool,\n instanceId: PropTypes.string,\n children: PropTypes.node,\n n: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n removeResponse: PropTypes.func.isRequired,\n duplicates: PropTypes.bool,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}