@pie-lib/drag 2.22.3-next.2 → 2.22.4-next.0
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/CHANGELOG.md +6 -76
- package/lib/__tests__/placeholder.test.js +140 -0
- package/lib/__tests__/uid-context.test.js +58 -0
- package/lib/drag-in-the-blank-dp.js +58 -27
- package/lib/drag-in-the-blank-dp.js.map +1 -1
- package/lib/drag-provider.js +61 -0
- package/lib/drag-provider.js.map +1 -0
- package/lib/drag-type.js +3 -4
- package/lib/drag-type.js.map +1 -1
- package/lib/draggable-choice.js +89 -0
- package/lib/draggable-choice.js.map +1 -0
- package/lib/droppable-placeholder.js +34 -66
- package/lib/droppable-placeholder.js.map +1 -1
- package/lib/ica-dp.js +27 -27
- package/lib/ica-dp.js.map +1 -1
- package/lib/index.js +8 -36
- package/lib/index.js.map +1 -1
- package/lib/match-list-dp.js +39 -27
- package/lib/match-list-dp.js.map +1 -1
- package/lib/placeholder.js +78 -100
- package/lib/placeholder.js.map +1 -1
- package/lib/preview-component.js +68 -108
- package/lib/preview-component.js.map +1 -1
- package/lib/swap.js +2 -8
- package/lib/swap.js.map +1 -1
- package/lib/uid-context.js +5 -19
- package/lib/uid-context.js.map +1 -1
- package/package.json +12 -18
- package/src/__tests__/placeholder.test.jsx +84 -25
- package/src/__tests__/uid-context.test.jsx +49 -16
- package/src/drag-in-the-blank-dp.jsx +62 -16
- package/src/drag-provider.jsx +50 -0
- package/src/drag-type.js +1 -1
- package/src/draggable-choice.jsx +88 -0
- package/src/droppable-placeholder.jsx +38 -28
- package/src/ica-dp.jsx +20 -18
- package/src/index.js +4 -8
- package/src/match-list-dp.jsx +41 -18
- package/src/placeholder.jsx +68 -72
- package/src/preview-component.jsx +62 -70
- package/esm/index.css +0 -847
- package/esm/index.js +0 -118265
- package/esm/index.js.map +0 -1
- package/esm/package.json +0 -3
- package/lib/choice.js +0 -129
- package/lib/choice.js.map +0 -1
- package/lib/with-drag-context.js +0 -59
- package/lib/with-drag-context.js.map +0 -1
- package/src/__tests__/__snapshots__/placeholder.test.jsx.snap +0 -68
- package/src/choice.jsx +0 -76
- package/src/with-drag-context.js +0 -32
package/lib/placeholder.js
CHANGED
|
@@ -1,125 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.PlaceHolder = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _styles = require("@material-ui/core/styles");
|
|
15
|
-
|
|
10
|
+
var _styles = require("@mui/material/styles");
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
|
-
var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
|
|
21
|
-
|
|
22
13
|
var _renderUi = require("@pie-lib/render-ui");
|
|
23
|
-
|
|
24
|
-
function ownKeys(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var PlaceHolder = function PlaceHolder(props) {
|
|
29
|
-
var children = props.children,
|
|
30
|
-
classes = props.classes,
|
|
31
|
-
className = props.className,
|
|
32
|
-
isOver = props.isOver,
|
|
33
|
-
type = props.type,
|
|
34
|
-
grid = props.grid,
|
|
35
|
-
disabled = props.disabled,
|
|
36
|
-
choiceBoard = props.choiceBoard,
|
|
37
|
-
isCategorize = props.isCategorize,
|
|
38
|
-
isVerticalPool = props.isVerticalPool,
|
|
39
|
-
minHeight = props.minHeight;
|
|
40
|
-
var names = (0, _classnames["default"])(classes.placeholder, disabled && classes.disabled, isOver && classes.over, classes[type], className);
|
|
41
|
-
var style = {};
|
|
42
|
-
|
|
43
|
-
if (grid && grid.columns) {
|
|
44
|
-
style.gridTemplateColumns = "repeat(".concat(grid.columns, ", 1fr)");
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
if (grid && grid.rows) {
|
|
48
|
-
var repeatValue = grid.rowsRepeatValue || '1fr';
|
|
49
|
-
style.gridTemplateRows = "repeat(".concat(grid.rows, ", ").concat(repeatValue, ")");
|
|
50
|
-
} // The "type" is only sent through placement-ordering / placeholder
|
|
51
|
-
// It can be "choice" or "target"
|
|
52
|
-
// We apply a different style for the "choice" type
|
|
53
|
-
// For any other type, use a dashed black border and a white fill
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (type === 'choice') {
|
|
57
|
-
style.border = "1px solid ".concat(_renderUi.color.borderLight());
|
|
58
|
-
style.background = _renderUi.color.backgroundDark();
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
var boardStyle = isCategorize ? classes.categorizeBoard : classes.board;
|
|
62
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
63
|
-
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
64
|
-
minHeight: minHeight
|
|
65
|
-
}),
|
|
66
|
-
className: (0, _classnames["default"])(classes.noSelectStyles, choiceBoard ? boardStyle : names, isVerticalPool && classes.verticalPool)
|
|
67
|
-
}, children);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
exports.PlaceHolder = PlaceHolder;
|
|
71
|
-
PlaceHolder.propTypes = {
|
|
72
|
-
classes: _propTypes["default"].object.isRequired,
|
|
73
|
-
choiceBoard: _propTypes["default"].bool,
|
|
74
|
-
grid: _propTypes["default"].shape({
|
|
75
|
-
columns: _propTypes["default"].number,
|
|
76
|
-
rows: _propTypes["default"].number,
|
|
77
|
-
// if a different value then 1fr is wanted
|
|
78
|
-
rowsRepeatValue: _propTypes["default"].string
|
|
79
|
-
}),
|
|
80
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
81
|
-
className: _propTypes["default"].string,
|
|
82
|
-
isOver: _propTypes["default"].bool,
|
|
83
|
-
index: _propTypes["default"].number,
|
|
84
|
-
type: _propTypes["default"].string,
|
|
85
|
-
disabled: _propTypes["default"].bool,
|
|
86
|
-
isCategorize: _propTypes["default"].bool,
|
|
87
|
-
isVerticalPool: _propTypes["default"].bool,
|
|
88
|
-
minHeight: _propTypes["default"].number
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
var styles = function styles(theme) {
|
|
14
|
+
var _colors = require("@mui/material/colors");
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
var StyledPlaceholder = (0, _styles.styled)('div')(function (_ref) {
|
|
18
|
+
var theme = _ref.theme;
|
|
92
19
|
return {
|
|
93
|
-
|
|
20
|
+
'&.placeholder': {
|
|
94
21
|
WebkitTouchCallout: 'none',
|
|
95
22
|
WebkitUserSelect: 'none',
|
|
96
23
|
KhtmlUserSelect: 'none',
|
|
97
24
|
MozUserSelect: 'none',
|
|
98
25
|
MsUserSelect: 'none',
|
|
99
|
-
userSelect: 'none'
|
|
100
|
-
},
|
|
101
|
-
placeholder: {
|
|
26
|
+
userSelect: 'none',
|
|
102
27
|
width: '100%',
|
|
103
28
|
height: '100%',
|
|
104
29
|
background: _renderUi.color.white(),
|
|
105
30
|
transition: 'background-color 200ms linear, border-color 200ms linear',
|
|
106
31
|
boxSizing: 'border-box',
|
|
107
32
|
display: 'grid',
|
|
108
|
-
gridRowGap: "".concat(theme.spacing
|
|
109
|
-
gridColumnGap: "".concat(theme.spacing
|
|
110
|
-
padding: theme.spacing
|
|
33
|
+
gridRowGap: "".concat(theme.spacing(1), "px"),
|
|
34
|
+
gridColumnGap: "".concat(theme.spacing(1), "px"),
|
|
35
|
+
padding: theme.spacing(1),
|
|
111
36
|
border: "2px dashed ".concat(_renderUi.color.black())
|
|
112
37
|
},
|
|
113
|
-
disabled: {
|
|
38
|
+
'&.disabled': {
|
|
114
39
|
boxShadow: 'none',
|
|
115
40
|
background: theme.palette.background.paper
|
|
116
41
|
},
|
|
117
|
-
over: {
|
|
118
|
-
border: "1px solid ".concat(
|
|
119
|
-
backgroundColor: "".concat(
|
|
42
|
+
'&.over': {
|
|
43
|
+
border: "1px solid ".concat(_colors.grey[500]),
|
|
44
|
+
backgroundColor: "".concat(_colors.grey[300])
|
|
120
45
|
},
|
|
121
|
-
board: {
|
|
122
|
-
padding: theme.spacing
|
|
46
|
+
'&.board': {
|
|
47
|
+
padding: theme.spacing(1),
|
|
123
48
|
display: 'flex',
|
|
124
49
|
flexWrap: 'wrap',
|
|
125
50
|
alignItems: 'center',
|
|
@@ -129,8 +54,8 @@ var styles = function styles(theme) {
|
|
|
129
54
|
touchAction: 'none',
|
|
130
55
|
backgroundColor: _renderUi.color.backgroundDark()
|
|
131
56
|
},
|
|
132
|
-
categorizeBoard: {
|
|
133
|
-
padding: theme.spacing.
|
|
57
|
+
'&.categorizeBoard': {
|
|
58
|
+
padding: theme.spacing(0.5),
|
|
134
59
|
display: 'flex',
|
|
135
60
|
flexWrap: 'wrap',
|
|
136
61
|
alignItems: 'center',
|
|
@@ -140,14 +65,67 @@ var styles = function styles(theme) {
|
|
|
140
65
|
touchAction: 'none',
|
|
141
66
|
backgroundColor: _renderUi.color.backgroundDark()
|
|
142
67
|
},
|
|
143
|
-
verticalPool: {
|
|
68
|
+
'&.verticalPool': {
|
|
144
69
|
display: 'flex',
|
|
145
70
|
flexFlow: 'column wrap'
|
|
146
71
|
}
|
|
147
72
|
};
|
|
148
|
-
};
|
|
149
|
-
|
|
150
|
-
var
|
|
73
|
+
});
|
|
74
|
+
var PlaceHolder = exports.PlaceHolder = function PlaceHolder(props) {
|
|
75
|
+
var children = props.children,
|
|
76
|
+
className = props.className,
|
|
77
|
+
isOver = props.isOver,
|
|
78
|
+
type = props.type,
|
|
79
|
+
grid = props.grid,
|
|
80
|
+
disabled = props.disabled,
|
|
81
|
+
choiceBoard = props.choiceBoard,
|
|
82
|
+
isCategorize = props.isCategorize,
|
|
83
|
+
isVerticalPool = props.isVerticalPool,
|
|
84
|
+
minHeight = props.minHeight,
|
|
85
|
+
extraStyles = props.extraStyles;
|
|
86
|
+
var names = (0, _classnames["default"])('placeholder', disabled && 'disabled', isOver && 'over', type, className);
|
|
87
|
+
var style = {};
|
|
88
|
+
if (grid && grid.columns) {
|
|
89
|
+
style.gridTemplateColumns = "repeat(".concat(grid.columns, ", 1fr)");
|
|
90
|
+
}
|
|
91
|
+
if (grid && grid.rows) {
|
|
92
|
+
var repeatValue = grid.rowsRepeatValue || '1fr';
|
|
93
|
+
style.gridTemplateRows = "repeat(".concat(grid.rows, ", ").concat(repeatValue, ")");
|
|
94
|
+
}
|
|
151
95
|
|
|
152
|
-
|
|
153
|
-
|
|
96
|
+
// The "type" is only sent through placement-ordering / placeholder
|
|
97
|
+
// It can be "choice" or "target"
|
|
98
|
+
// We apply a different style for the "choice" type
|
|
99
|
+
// For any other type, use a dashed black border and a white fill
|
|
100
|
+
if (type === 'choice') {
|
|
101
|
+
style.border = "1px solid ".concat(_renderUi.color.borderLight());
|
|
102
|
+
style.background = _renderUi.color.backgroundDark();
|
|
103
|
+
}
|
|
104
|
+
var boardStyle = isCategorize ? 'categorizeBoard' : 'board';
|
|
105
|
+
return /*#__PURE__*/_react["default"].createElement(StyledPlaceholder, {
|
|
106
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
107
|
+
minHeight: minHeight
|
|
108
|
+
}, extraStyles),
|
|
109
|
+
className: (0, _classnames["default"])(choiceBoard ? boardStyle : names, isVerticalPool && 'verticalPool')
|
|
110
|
+
}, children);
|
|
111
|
+
};
|
|
112
|
+
PlaceHolder.propTypes = {
|
|
113
|
+
choiceBoard: _propTypes["default"].bool,
|
|
114
|
+
grid: _propTypes["default"].shape({
|
|
115
|
+
columns: _propTypes["default"].number,
|
|
116
|
+
rows: _propTypes["default"].number,
|
|
117
|
+
// if a different value then 1fr is wanted
|
|
118
|
+
rowsRepeatValue: _propTypes["default"].string
|
|
119
|
+
}),
|
|
120
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
121
|
+
className: _propTypes["default"].string,
|
|
122
|
+
isOver: _propTypes["default"].bool,
|
|
123
|
+
index: _propTypes["default"].number,
|
|
124
|
+
type: _propTypes["default"].string,
|
|
125
|
+
disabled: _propTypes["default"].bool,
|
|
126
|
+
isCategorize: _propTypes["default"].bool,
|
|
127
|
+
isVerticalPool: _propTypes["default"].bool,
|
|
128
|
+
minHeight: _propTypes["default"].number
|
|
129
|
+
};
|
|
130
|
+
var _default = exports["default"] = PlaceHolder;
|
|
131
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZXMiLCJfY2xhc3NuYW1lcyIsIl9wcm9wVHlwZXMiLCJfcmVuZGVyVWkiLCJfY29sb3JzIiwib3duS2V5cyIsImUiLCJyIiwidCIsIk9iamVjdCIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiZGVmaW5lUHJvcGVydHkiLCJTdHlsZWRQbGFjZWhvbGRlciIsInN0eWxlZCIsIl9yZWYiLCJ0aGVtZSIsIldlYmtpdFRvdWNoQ2FsbG91dCIsIldlYmtpdFVzZXJTZWxlY3QiLCJLaHRtbFVzZXJTZWxlY3QiLCJNb3pVc2VyU2VsZWN0IiwiTXNVc2VyU2VsZWN0IiwidXNlclNlbGVjdCIsIndpZHRoIiwiaGVpZ2h0IiwiYmFja2dyb3VuZCIsImNvbG9yIiwid2hpdGUiLCJ0cmFuc2l0aW9uIiwiYm94U2l6aW5nIiwiZGlzcGxheSIsImdyaWRSb3dHYXAiLCJjb25jYXQiLCJzcGFjaW5nIiwiZ3JpZENvbHVtbkdhcCIsInBhZGRpbmciLCJib3JkZXIiLCJibGFjayIsImJveFNoYWRvdyIsInBhbGV0dGUiLCJwYXBlciIsImdyZXkiLCJiYWNrZ3JvdW5kQ29sb3IiLCJmbGV4V3JhcCIsImFsaWduSXRlbXMiLCJtaW5IZWlnaHQiLCJqdXN0aWZ5Q29udGVudCIsIm92ZXJmbG93IiwidG91Y2hBY3Rpb24iLCJiYWNrZ3JvdW5kRGFyayIsImZsZXhGbG93IiwiUGxhY2VIb2xkZXIiLCJleHBvcnRzIiwicHJvcHMiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImlzT3ZlciIsInR5cGUiLCJncmlkIiwiZGlzYWJsZWQiLCJjaG9pY2VCb2FyZCIsImlzQ2F0ZWdvcml6ZSIsImlzVmVydGljYWxQb29sIiwiZXh0cmFTdHlsZXMiLCJuYW1lcyIsImNsYXNzTmFtZXMiLCJzdHlsZSIsImNvbHVtbnMiLCJncmlkVGVtcGxhdGVDb2x1bW5zIiwicm93cyIsInJlcGVhdFZhbHVlIiwicm93c1JlcGVhdFZhbHVlIiwiZ3JpZFRlbXBsYXRlUm93cyIsImJvcmRlckxpZ2h0IiwiYm9hcmRTdHlsZSIsImNyZWF0ZUVsZW1lbnQiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJib29sIiwic2hhcGUiLCJudW1iZXIiLCJzdHJpbmciLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsImlzUmVxdWlyZWQiLCJpbmRleCIsIl9kZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vc3JjL3BsYWNlaG9sZGVyLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY29sb3IgfSBmcm9tICdAcGllLWxpYi9yZW5kZXItdWknO1xuaW1wb3J0IHsgZ3JleSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvY29sb3JzJztcblxuY29uc3QgU3R5bGVkUGxhY2Vob2xkZXIgPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gICcmLnBsYWNlaG9sZGVyJzoge1xuICAgIFdlYmtpdFRvdWNoQ2FsbG91dDogJ25vbmUnLFxuICAgIFdlYmtpdFVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICBLaHRtbFVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICBNb3pVc2VyU2VsZWN0OiAnbm9uZScsXG4gICAgTXNVc2VyU2VsZWN0OiAnbm9uZScsXG4gICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgYmFja2dyb3VuZDogY29sb3Iud2hpdGUoKSxcbiAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZC1jb2xvciAyMDBtcyBsaW5lYXIsIGJvcmRlci1jb2xvciAyMDBtcyBsaW5lYXInLFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBncmlkUm93R2FwOiBgJHt0aGVtZS5zcGFjaW5nKDEpfXB4YCxcbiAgICBncmlkQ29sdW1uR2FwOiBgJHt0aGVtZS5zcGFjaW5nKDEpfXB4YCxcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxuICAgIGJvcmRlcjogYDJweCBkYXNoZWQgJHtjb2xvci5ibGFjaygpfWAsXG4gIH0sXG4gICcmLmRpc2FibGVkJzoge1xuICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgfSxcbiAgJyYub3Zlcic6IHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtncmV5WzUwMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke2dyZXlbMzAwXX1gLFxuICB9LFxuICAnJi5ib2FyZCc6IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDEpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4V3JhcDogJ3dyYXAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIG1pbkhlaWdodDogJzEwMHB4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHRvdWNoQWN0aW9uOiAnbm9uZScsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kRGFyaygpLFxuICB9LFxuICAnJi5jYXRlZ29yaXplQm9hcmQnOiB7XG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZygwLjUpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4V3JhcDogJ3dyYXAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIG1pbkhlaWdodDogJzEwMHB4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHRvdWNoQWN0aW9uOiAnbm9uZScsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kRGFyaygpLFxuICB9LFxuICAnJi52ZXJ0aWNhbFBvb2wnOiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXhGbG93OiAnY29sdW1uIHdyYXAnLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgUGxhY2VIb2xkZXIgPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICBpc092ZXIsXG4gICAgdHlwZSxcbiAgICBncmlkLFxuICAgIGRpc2FibGVkLFxuICAgIGNob2ljZUJvYXJkLFxuICAgIGlzQ2F0ZWdvcml6ZSxcbiAgICBpc1ZlcnRpY2FsUG9vbCxcbiAgICBtaW5IZWlnaHQsXG4gICAgZXh0cmFTdHlsZXNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IG5hbWVzID0gY2xhc3NOYW1lcyhcbiAgICAncGxhY2Vob2xkZXInLFxuICAgIGRpc2FibGVkICYmICdkaXNhYmxlZCcsXG4gICAgaXNPdmVyICYmICdvdmVyJyxcbiAgICB0eXBlLFxuICAgIGNsYXNzTmFtZSxcbiAgKTtcblxuICBjb25zdCBzdHlsZSA9IHt9O1xuXG4gIGlmIChncmlkICYmIGdyaWQuY29sdW1ucykge1xuICAgIHN0eWxlLmdyaWRUZW1wbGF0ZUNvbHVtbnMgPSBgcmVwZWF0KCR7Z3JpZC5jb2x1bW5zfSwgMWZyKWA7XG4gIH1cblxuICBpZiAoZ3JpZCAmJiBncmlkLnJvd3MpIHtcbiAgICBjb25zdCByZXBlYXRWYWx1ZSA9IGdyaWQucm93c1JlcGVhdFZhbHVlIHx8ICcxZnInO1xuXG4gICAgc3R5bGUuZ3JpZFRlbXBsYXRlUm93cyA9IGByZXBlYXQoJHtncmlkLnJvd3N9LCAke3JlcGVhdFZhbHVlfSlgO1xuICB9XG5cbiAgLy8gVGhlIFwidHlwZVwiIGlzIG9ubHkgc2VudCB0aHJvdWdoIHBsYWNlbWVudC1vcmRlcmluZyAvIHBsYWNlaG9sZGVyXG4gIC8vIEl0IGNhbiBiZSBcImNob2ljZVwiIG9yIFwidGFyZ2V0XCJcbiAgLy8gV2UgYXBwbHkgYSBkaWZmZXJlbnQgc3R5bGUgZm9yIHRoZSBcImNob2ljZVwiIHR5cGVcbiAgLy8gRm9yIGFueSBvdGhlciB0eXBlLCB1c2UgYSBkYXNoZWQgYmxhY2sgYm9yZGVyIGFuZCBhIHdoaXRlIGZpbGxcbiAgaWYgKHR5cGUgPT09ICdjaG9pY2UnKSB7XG4gICAgc3R5bGUuYm9yZGVyID0gYDFweCBzb2xpZCAke2NvbG9yLmJvcmRlckxpZ2h0KCl9YDtcbiAgICBzdHlsZS5iYWNrZ3JvdW5kID0gY29sb3IuYmFja2dyb3VuZERhcmsoKTtcbiAgfVxuXG4gIGNvbnN0IGJvYXJkU3R5bGUgPSBpc0NhdGVnb3JpemUgPyAnY2F0ZWdvcml6ZUJvYXJkJyA6ICdib2FyZCc7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUGxhY2Vob2xkZXJcbiAgICAgIHN0eWxlPXt7IC4uLnN0eWxlLCBtaW5IZWlnaHQ6IG1pbkhlaWdodCwgLi4uZXh0cmFTdHlsZXMgfX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgY2hvaWNlQm9hcmQgPyBib2FyZFN0eWxlIDogbmFtZXMsXG4gICAgICAgIGlzVmVydGljYWxQb29sICYmICd2ZXJ0aWNhbFBvb2wnLFxuICAgICAgKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRQbGFjZWhvbGRlcj5cbiAgKTtcbn07XG5cblBsYWNlSG9sZGVyLnByb3BUeXBlcyA9IHtcbiAgY2hvaWNlQm9hcmQ6IFByb3BUeXBlcy5ib29sLFxuICBncmlkOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGNvbHVtbnM6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgICAvLyBpZiBhIGRpZmZlcmVudCB2YWx1ZSB0aGVuIDFmciBpcyB3YW50ZWRcbiAgICByb3dzUmVwZWF0VmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH0pLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLmlzUmVxdWlyZWQsXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNPdmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgaW5kZXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDYXRlZ29yaXplOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNWZXJ0aWNhbFBvb2w6IFByb3BUeXBlcy5ib29sLFxuICBtaW5IZWlnaHQ6IFByb3BUeXBlcy5udW1iZXIsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQbGFjZUhvbGRlcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxPQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxVQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxTQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxPQUFBLEdBQUFMLE9BQUE7QUFBNEMsU0FBQU0sUUFBQUMsQ0FBQSxFQUFBQyxDQUFBLFFBQUFDLENBQUEsR0FBQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLENBQUEsT0FBQUcsTUFBQSxDQUFBRSxxQkFB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
|
package/lib/placeholder.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"placeholder.js","names":["_react","_interopRequireDefault","require","_styles","_classnames","_propTypes","_renderUi","_colors","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledPlaceholder","styled","_ref","theme","WebkitTouchCallout","WebkitUserSelect","KhtmlUserSelect","MozUserSelect","MsUserSelect","userSelect","width","height","background","color","white","transition","boxSizing","display","gridRowGap","concat","spacing","gridColumnGap","padding","border","black","boxShadow","palette","paper","grey","backgroundColor","flexWrap","alignItems","minHeight","justifyContent","overflow","touchAction","backgroundDark","flexFlow","PlaceHolder","exports","props","children","className","isOver","type","grid","disabled","choiceBoard","isCategorize","isVerticalPool","extraStyles","names","classNames","style","columns","gridTemplateColumns","rows","repeatValue","rowsRepeatValue","gridTemplateRows","borderLight","boardStyle","createElement","propTypes","PropTypes","bool","shape","number","string","oneOfType","arrayOf","node","isRequired","index","_default"],"sources":["../src/placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst StyledPlaceholder = styled('div')(({ theme }) => ({\n '&.placeholder': {\n WebkitTouchCallout: 'none',\n WebkitUserSelect: 'none',\n KhtmlUserSelect: 'none',\n MozUserSelect: 'none',\n MsUserSelect: 'none',\n userSelect: 'none',\n width: '100%',\n height: '100%',\n background: color.white(),\n transition: 'background-color 200ms linear, border-color 200ms linear',\n boxSizing: 'border-box',\n display: 'grid',\n gridRowGap: `${theme.spacing(1)}px`,\n gridColumnGap: `${theme.spacing(1)}px`,\n padding: theme.spacing(1),\n border: `2px dashed ${color.black()}`,\n },\n '&.disabled': {\n boxShadow: 'none',\n background: theme.palette.background.paper,\n },\n '&.over': {\n border: `1px solid ${grey[500]}`,\n backgroundColor: `${grey[300]}`,\n },\n '&.board': {\n padding: theme.spacing(1),\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n minHeight: '100px',\n justifyContent: 'center',\n overflow: 'hidden',\n touchAction: 'none',\n backgroundColor: color.backgroundDark(),\n },\n '&.categorizeBoard': {\n padding: theme.spacing(0.5),\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n minHeight: '100px',\n justifyContent: 'center',\n overflow: 'hidden',\n touchAction: 'none',\n backgroundColor: color.backgroundDark(),\n },\n '&.verticalPool': {\n display: 'flex',\n flexFlow: 'column wrap',\n },\n}));\n\nexport const PlaceHolder = (props) => {\n const {\n children,\n className,\n isOver,\n type,\n grid,\n disabled,\n choiceBoard,\n isCategorize,\n isVerticalPool,\n minHeight,\n extraStyles\n } = props;\n\n const names = classNames(\n 'placeholder',\n disabled && 'disabled',\n isOver && 'over',\n type,\n className,\n );\n\n const style = {};\n\n if (grid && grid.columns) {\n style.gridTemplateColumns = `repeat(${grid.columns}, 1fr)`;\n }\n\n if (grid && grid.rows) {\n const repeatValue = grid.rowsRepeatValue || '1fr';\n\n style.gridTemplateRows = `repeat(${grid.rows}, ${repeatValue})`;\n }\n\n // The \"type\" is only sent through placement-ordering / placeholder\n // It can be \"choice\" or \"target\"\n // We apply a different style for the \"choice\" type\n // For any other type, use a dashed black border and a white fill\n if (type === 'choice') {\n style.border = `1px solid ${color.borderLight()}`;\n style.background = color.backgroundDark();\n }\n\n const boardStyle = isCategorize ? 'categorizeBoard' : 'board';\n\n return (\n <StyledPlaceholder\n style={{ ...style, minHeight: minHeight, ...extraStyles }}\n className={classNames(\n choiceBoard ? boardStyle : names,\n isVerticalPool && 'verticalPool',\n )}\n >\n {children}\n </StyledPlaceholder>\n );\n};\n\nPlaceHolder.propTypes = {\n choiceBoard: PropTypes.bool,\n grid: PropTypes.shape({\n columns: PropTypes.number,\n rows: PropTypes.number,\n // if a different value then 1fr is wanted\n rowsRepeatValue: PropTypes.string,\n }),\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n className: PropTypes.string,\n isOver: PropTypes.bool,\n index: PropTypes.number,\n type: PropTypes.string,\n disabled: PropTypes.bool,\n isCategorize: PropTypes.bool,\n isVerticalPool: PropTypes.bool,\n minHeight: PropTypes.number,\n};\n\nexport default PlaceHolder;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/preview-component.js
CHANGED
|
@@ -1,34 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _reactDndMultiBackend = require("react-dnd-multi-backend");
|
|
19
|
-
|
|
12
|
+
var _core = require("@dnd-kit/core");
|
|
20
13
|
var _renderUi = require("@pie-lib/render-ui");
|
|
21
|
-
|
|
22
14
|
var _mathRendering = require("@pie-lib/math-rendering");
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
-
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
-
|
|
15
|
+
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); }
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
32
18
|
var styles = {
|
|
33
19
|
maskBlank: {
|
|
34
20
|
// this style is applied only on small screens and for touch devices when dragging, for drag-in-the-blank.
|
|
@@ -79,116 +65,90 @@ var styles = {
|
|
|
79
65
|
backgroundColor: _renderUi.color.background()
|
|
80
66
|
}
|
|
81
67
|
};
|
|
68
|
+
var getPrompt = function getPrompt(dragData) {
|
|
69
|
+
var _dragData$choice;
|
|
70
|
+
if (!dragData) return undefined;
|
|
71
|
+
|
|
72
|
+
// Handle different drag data structures based on the component type
|
|
73
|
+
if (dragData.choiceId) {
|
|
74
|
+
// DraggableChoice format
|
|
75
|
+
return dragData.value;
|
|
76
|
+
}
|
|
82
77
|
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
switch (itemType) {
|
|
87
|
-
// DRAG-IN-THE-BLANK
|
|
78
|
+
// Legacy format support
|
|
79
|
+
switch (dragData.itemType) {
|
|
88
80
|
case 'MaskBlank':
|
|
89
|
-
return
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
case 'react-dnd-response':
|
|
93
|
-
return item === null || item === void 0 ? void 0 : item.value;
|
|
94
|
-
// MATCH-LIST
|
|
95
|
-
|
|
81
|
+
return (_dragData$choice = dragData.choice) === null || _dragData$choice === void 0 ? void 0 : _dragData$choice.value;
|
|
82
|
+
case 'dnd-kit-response':
|
|
83
|
+
return dragData.value;
|
|
96
84
|
case 'Answer':
|
|
97
|
-
return
|
|
98
|
-
// PLACEMENT-ORDERING
|
|
99
|
-
|
|
85
|
+
return dragData.value;
|
|
100
86
|
case 'Tile':
|
|
101
|
-
return
|
|
102
|
-
|
|
87
|
+
return dragData.value;
|
|
88
|
+
case 'categorize':
|
|
89
|
+
return dragData.value;
|
|
103
90
|
default:
|
|
104
|
-
return
|
|
91
|
+
return dragData.value;
|
|
105
92
|
}
|
|
106
93
|
};
|
|
94
|
+
var getCustomStyle = function getCustomStyle(dragData) {
|
|
95
|
+
if (!dragData) return {};
|
|
96
|
+
var baseStyle = {
|
|
97
|
+
cursor: 'grabbing',
|
|
98
|
+
opacity: 0.8,
|
|
99
|
+
transform: 'rotate(5deg)' // Slight rotation for visual feedback
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
// Apply specific styles based on item type
|
|
103
|
+
if (dragData.itemType === 'MaskBlank') {
|
|
104
|
+
return _objectSpread(_objectSpread({}, baseStyle), styles.maskBlank);
|
|
105
|
+
}
|
|
106
|
+
if (dragData.itemType === 'categorize') {
|
|
107
|
+
return _objectSpread(_objectSpread({}, baseStyle), styles.categorize);
|
|
108
|
+
}
|
|
109
|
+
if (dragData.itemType === 'Answer') {
|
|
110
|
+
return _objectSpread(_objectSpread({}, baseStyle), styles.matchList);
|
|
111
|
+
}
|
|
112
|
+
if (dragData.itemType === 'Tile') {
|
|
113
|
+
return _objectSpread(_objectSpread({}, baseStyle), styles.placementOrdering);
|
|
114
|
+
}
|
|
115
|
+
if (dragData.itemType === 'dnd-kit-response') {
|
|
116
|
+
return _objectSpread(_objectSpread({}, baseStyle), styles.ica);
|
|
117
|
+
}
|
|
107
118
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
var top = (style === null || style === void 0 ? void 0 : style.top) || 0;
|
|
111
|
-
var left = (style === null || style === void 0 ? void 0 : style.left) || 0;
|
|
112
|
-
var position = (style === null || style === void 0 ? void 0 : style.position) || 'fixed';
|
|
113
|
-
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
114
|
-
position: position,
|
|
115
|
-
top: top,
|
|
116
|
-
left: left,
|
|
117
|
-
transform: transform
|
|
118
|
-
}, itemType === 'MaskBlank' ? styles.maskBlank : {}), (item === null || item === void 0 ? void 0 : item.itemType) === 'categorize' ? styles.categorize : {}), itemType === 'Answer' ? styles.matchList : {}), itemType === 'Tile' ? styles.placementOrdering : {}), itemType === 'react-dnd-response' ? styles.ica : {});
|
|
119
|
+
// Default style for choice items
|
|
120
|
+
return _objectSpread(_objectSpread({}, baseStyle), styles.categorize);
|
|
119
121
|
};
|
|
120
|
-
|
|
121
122
|
var PreviewComponent = function PreviewComponent() {
|
|
122
|
-
var
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
var
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
var _useState = (0, _react.useState)({
|
|
131
|
-
x: 0,
|
|
132
|
-
y: 0
|
|
133
|
-
}),
|
|
134
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
135
|
-
touchPosition = _useState2[0],
|
|
136
|
-
setTouchPosition = _useState2[1];
|
|
137
|
-
|
|
138
|
-
var _useState3 = (0, _react.useState)(1),
|
|
139
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
140
|
-
zoomLevel = _useState4[0],
|
|
141
|
-
setZoomLevel = _useState4[1];
|
|
142
|
-
|
|
143
|
-
var handleTouchMove = (0, _react.useCallback)(function (event) {
|
|
144
|
-
if (event.touches.length > 0) {
|
|
145
|
-
var touch = event.touches[0];
|
|
146
|
-
var touchOffset = 1;
|
|
147
|
-
setTouchPosition({
|
|
148
|
-
x: (touch.clientX + touchOffset) / zoomLevel,
|
|
149
|
-
y: (touch.clientY + touchOffset) / zoomLevel
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
}, [zoomLevel]);
|
|
123
|
+
var _active$data;
|
|
124
|
+
var _useDndContext = (0, _core.useDndContext)(),
|
|
125
|
+
active = _useDndContext.active;
|
|
126
|
+
var _useState = (0, _react.useState)(1),
|
|
127
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
128
|
+
zoomLevel = _useState2[0],
|
|
129
|
+
setZoomLevel = _useState2[1];
|
|
153
130
|
var root = (0, _react.useRef)(null);
|
|
131
|
+
var dragData = active === null || active === void 0 || (_active$data = active.data) === null || _active$data === void 0 ? void 0 : _active$data.current;
|
|
132
|
+
var isActive = !!active;
|
|
154
133
|
(0, _react.useEffect)(function () {
|
|
155
|
-
if (
|
|
156
|
-
(0, _mathRendering.renderMath)(root.current);
|
|
134
|
+
if (isActive && root.current) {
|
|
135
|
+
(0, _mathRendering.renderMath)(root.current);
|
|
157
136
|
|
|
137
|
+
// Adjusted for precise zoom level calculation in Online Testing, targeting the specific class pattern .asmt-zoomable.asmt-zoom-NR .asmt-question .padding
|
|
158
138
|
var zoomAffectedElement = document.querySelector('.padding') || document.body;
|
|
159
139
|
setZoomLevel(parseFloat(getComputedStyle(zoomAffectedElement).zoom) || 1);
|
|
160
140
|
}
|
|
161
|
-
}, [
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
};
|
|
166
|
-
|
|
167
|
-
if (display) {
|
|
168
|
-
window.addEventListener('touchmove', touchMoveListener);
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
return function () {
|
|
172
|
-
window.removeEventListener('touchmove', touchMoveListener);
|
|
173
|
-
};
|
|
174
|
-
}, [display, handleTouchMove]);
|
|
175
|
-
|
|
176
|
-
if (!display) {
|
|
177
|
-
return null;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
var customStyle = getCustomStyle(itemType, item, touchPosition, style);
|
|
181
|
-
var prompt = getPrompt(itemType, item);
|
|
182
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
141
|
+
}, [isActive, dragData]);
|
|
142
|
+
var customStyle = getCustomStyle(dragData);
|
|
143
|
+
var prompt = getPrompt(dragData);
|
|
144
|
+
return /*#__PURE__*/_react["default"].createElement(_core.DragOverlay, null, isActive && prompt && /*#__PURE__*/_react["default"].createElement("div", {
|
|
183
145
|
ref: root,
|
|
184
146
|
style: customStyle
|
|
185
147
|
}, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
186
148
|
className: "label",
|
|
187
149
|
prompt: prompt,
|
|
188
150
|
tagName: "span"
|
|
189
|
-
}));
|
|
151
|
+
})));
|
|
190
152
|
};
|
|
191
|
-
|
|
192
|
-
var _default = PreviewComponent;
|
|
193
|
-
exports["default"] = _default;
|
|
194
|
-
//# sourceMappingURL=preview-component.js.map
|
|
153
|
+
var _default = exports["default"] = PreviewComponent;
|
|
154
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY29yZSIsIl9yZW5kZXJVaSIsIl9tYXRoUmVuZGVyaW5nIiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiX3R5cGVvZiIsImhhcyIsImdldCIsInNldCIsIl90IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsImZpbHRlciIsImVudW1lcmFibGUiLCJwdXNoIiwiYXBwbHkiLCJfb2JqZWN0U3ByZWFkIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiZm9yRWFjaCIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzIiwiZGVmaW5lUHJvcGVydGllcyIsInN0eWxlcyIsIm1hc2tCbGFuayIsImJhY2tncm91bmRDb2xvciIsImNvbG9yIiwid2hpdGUiLCJib3JkZXIiLCJjb25jYXQiLCJ0ZXh0IiwiYWxpZ25JdGVtcyIsImRpc3BsYXkiLCJoZWlnaHQiLCJtaW5IZWlnaHQiLCJmb250U2l6ZSIsIndoaXRlU3BhY2UiLCJtYXhXaWR0aCIsImJvcmRlclJhZGl1cyIsInBhZGRpbmciLCJpY2EiLCJiYWNrZ3JvdW5kIiwiYm9yZGVyRGFyayIsImp1c3RpZnlDb250ZW50IiwibWFyZ2luTGVmdCIsIm1hcmdpblRvcCIsIndpZHRoIiwiY2F0ZWdvcml6ZSIsIm1hdGNoTGlzdCIsImJveFNpemluZyIsInBsYWNlbWVudE9yZGVyaW5nIiwiZ2V0UHJvbXB0IiwiZHJhZ0RhdGEiLCJfZHJhZ0RhdGEkY2hvaWNlIiwidW5kZWZpbmVkIiwiY2hvaWNlSWQiLCJ2YWx1ZSIsIml0ZW1UeXBlIiwiY2hvaWNlIiwiZ2V0Q3VzdG9tU3R5bGUiLCJiYXNlU3R5bGUiLCJjdXJzb3IiLCJvcGFjaXR5IiwidHJhbnNmb3JtIiwiUHJldmlld0NvbXBvbmVudCIsIl9hY3RpdmUkZGF0YSIsIl91c2VEbmRDb250ZXh0IiwidXNlRG5kQ29udGV4dCIsImFjdGl2ZSIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInpvb21MZXZlbCIsInNldFpvb21MZXZlbCIsInJvb3QiLCJ1c2VSZWYiLCJkYXRhIiwiY3VycmVudCIsImlzQWN0aXZlIiwidXNlRWZmZWN0IiwicmVuZGVyTWF0aCIsInpvb21BZmZlY3RlZEVsZW1lbnQiLCJkb2N1bWVudCIsInF1ZXJ5U2VsZWN0b3IiLCJib2R5IiwicGFyc2VGbG9hdCIsImdldENvbXB1dGVkU3R5bGUiLCJ6b29tIiwiY3VzdG9tU3R5bGUiLCJwcm9tcHQiLCJjcmVhdGVFbGVtZW50IiwiRHJhZ092ZXJsYXkiLCJyZWYiLCJzdHlsZSIsIlByZXZpZXdQcm9tcHQiLCJjbGFzc05hbWUiLCJ0YWdOYW1lIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vc3JjL3ByZXZpZXctY29tcG9uZW50LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRHJhZ092ZXJsYXksIHVzZURuZENvbnRleHQgfSBmcm9tICdAZG5kLWtpdC9jb3JlJztcbmltcG9ydCB7IFByZXZpZXdQcm9tcHQsIGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcbmltcG9ydCB7IHJlbmRlck1hdGggfSBmcm9tICdAcGllLWxpYi9tYXRoLXJlbmRlcmluZyc7XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgbWFza0JsYW5rOiB7XG4gICAgLy8gdGhpcyBzdHlsZSBpcyBhcHBsaWVkIG9ubHkgb24gc21hbGwgc2NyZWVucyBhbmQgZm9yIHRvdWNoIGRldmljZXMgd2hlbiBkcmFnZ2luZywgZm9yIGRyYWctaW4tdGhlLWJsYW5rLlxuICAgIC8vIEl0IGlzIHN0eWxlZCB0byBiZSBpZGVudGljYWwgdG8gdGhlIGRyYWctaW4tdGhlLWJsYW5rIGNoaXBcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLndoaXRlKCksXG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Y29sb3IudGV4dCgpfWAsXG4gICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGhlaWdodDogJ2luaXRpYWwnLFxuICAgIG1pbkhlaWdodDogJzMycHgnLFxuICAgIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gICAgd2hpdGVTcGFjZTogJ3ByZS13cmFwJyxcbiAgICBtYXhXaWR0aDogJzM3NHB4JyxcbiAgICBib3JkZXJSYWRpdXM6ICczcHgnLFxuICAgIHBhZGRpbmc6ICcxMnB4JyxcbiAgfSxcbiAgaWNhOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kKCksXG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Y29sb3IuYm9yZGVyRGFyaygpfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICBtaW5IZWlnaHQ6ICcyOHB4JyxcbiAgICBwYWRkaW5nOiAnMCAzcHgnLFxuICAgIG1hcmdpbkxlZnQ6IDIsXG4gICAgbWFyZ2luVG9wOiAyLFxuICAgIHdpZHRoOiAnZml0LWNvbnRlbnQnLFxuICB9LFxuICBjYXRlZ29yaXplOiB7XG4gICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICBwYWRkaW5nOiAnMTZweCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBib3JkZXI6ICcxcHggc29saWQnLFxuICB9LFxuICBtYXRjaExpc3Q6IHtcbiAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpLFxuICAgIHBhZGRpbmc6ICcxMHB4JyxcbiAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICBib3JkZXI6ICcxcHggc29saWQgI0QxRDFEMScsXG4gIH0sXG4gIHBsYWNlbWVudE9yZGVyaW5nOiB7XG4gICAgcGFkZGluZzogJzEwcHgnLFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIGJvcmRlcjogJzFweCBzb2xpZCAjRDFEMUQxJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgfSxcbn07XG5cbmNvbnN0IGdldFByb21wdCA9IChkcmFnRGF0YSkgPT4ge1xuICBpZiAoIWRyYWdEYXRhKSByZXR1cm4gdW5kZWZpbmVkO1xuXG4gIC8vIEhhbmRsZSBkaWZmZXJlbnQgZHJhZyBkYXRhIHN0cnVjdHVyZXMgYmFzZWQgb24gdGhlIGNvbXBvbmVudCB0eXBlXG4gIGlmIChkcmFnRGF0YS5jaG9pY2VJZCkge1xuICAgIC8vIERyYWdnYWJsZUNob2ljZSBmb3JtYXRcbiAgICByZXR1cm4gZHJhZ0RhdGEudmFsdWU7XG4gIH1cbiAgXG4gIC8vIExlZ2FjeSBmb3JtYXQgc3VwcG9ydFxuICBzd2l0Y2ggKGRyYWdEYXRhLml0ZW1UeXBlKSB7XG4gICAgY2FzZSAnTWFza0JsYW5rJzpcbiAgICAgIHJldHVybiBkcmFnRGF0YS5jaG9pY2U/LnZhbHVlO1xuICAgIGNhc2UgJ2RuZC1raXQtcmVzcG9uc2UnOlxuICAgICAgcmV0dXJuIGRyYWdEYXRhLnZhbHVlO1xuICAgIGNhc2UgJ0Fuc3dlcic6XG4gICAgICByZXR1cm4gZHJhZ0RhdGEudmFsdWU7XG4gICAgY2FzZSAnVGlsZSc6XG4gICAgICByZXR1cm4gZHJhZ0RhdGEudmFsdWU7XG4gICAgY2FzZSAnY2F0ZWdvcml6ZSc6XG4gICAgICByZXR1cm4gZHJhZ0RhdGEudmFsdWU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBkcmFnRGF0YS52YWx1ZTtcbiAgfVxufTtcblxuY29uc3QgZ2V0Q3VzdG9tU3R5bGUgPSAoZHJhZ0RhdGEpID0+IHtcbiAgaWYgKCFkcmFnRGF0YSkgcmV0dXJuIHt9O1xuXG4gIGNvbnN0IGJhc2VTdHlsZSA9IHtcbiAgICBjdXJzb3I6ICdncmFiYmluZycsXG4gICAgb3BhY2l0eTogMC44LFxuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSg1ZGVnKScsIC8vIFNsaWdodCByb3RhdGlvbiBmb3IgdmlzdWFsIGZlZWRiYWNrXG4gIH07XG5cbiAgLy8gQXBwbHkgc3BlY2lmaWMgc3R5bGVzIGJhc2VkIG9uIGl0ZW0gdHlwZVxuICBpZiAoZHJhZ0RhdGEuaXRlbVR5cGUgPT09ICdNYXNrQmxhbmsnKSB7XG4gICAgcmV0dXJuIHsgLi4uYmFzZVN0eWxlLCAuLi5zdHlsZXMubWFza0JsYW5rIH07XG4gIH1cbiAgaWYgKGRyYWdEYXRhLml0ZW1UeXBlID09PSAnY2F0ZWdvcml6ZScpIHtcbiAgICByZXR1cm4geyAuLi5iYXNlU3R5bGUsIC4uLnN0eWxlcy5jYXRlZ29yaXplIH07XG4gIH1cbiAgaWYgKGRyYWdEYXRhLml0ZW1UeXBlID09PSAnQW5zd2VyJykge1xuICAgIHJldHVybiB7IC4uLmJhc2VTdHlsZSwgLi4uc3R5bGVzLm1hdGNoTGlzdCB9O1xuICB9XG4gIGlmIChkcmFnRGF0YS5pdGVtVHlwZSA9PT0gJ1RpbGUnKSB7XG4gICAgcmV0dXJuIHsgLi4uYmFzZVN0eWxlLCAuLi5zdHlsZXMucGxhY2VtZW50T3JkZXJpbmcgfTtcbiAgfVxuICBpZiAoZHJhZ0RhdGEuaXRlbVR5cGUgPT09ICdkbmQta2l0LXJlc3BvbnNlJykge1xuICAgIHJldHVybiB7IC4uLmJhc2VTdHlsZSwgLi4uc3R5bGVzLmljYSB9O1xuICB9XG5cbiAgLy8gRGVmYXVsdCBzdHlsZSBmb3IgY2hvaWNlIGl0ZW1zXG4gIHJldHVybiB7IC4uLmJhc2VTdHlsZSwgLi4uc3R5bGVzLmNhdGVnb3JpemUgfTtcbn07XG5cbmNvbnN0IFByZXZpZXdDb21wb25lbnQgPSAoKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlIH0gPSB1c2VEbmRDb250ZXh0KCk7XG4gIGNvbnN0IFt6b29tTGV2ZWwsIHNldFpvb21MZXZlbF0gPSB1c2VTdGF0ZSgxKTtcbiAgY29uc3Qgcm9vdCA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBkcmFnRGF0YSA9IGFjdGl2ZT8uZGF0YT8uY3VycmVudDtcbiAgY29uc3QgaXNBY3RpdmUgPSAhIWFjdGl2ZTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0FjdGl2ZSAmJiByb290LmN1cnJlbnQpIHtcbiAgICAgIHJlbmRlck1hdGgocm9vdC5jdXJyZW50KTtcblxuICAgICAgLy8gQWRqdXN0ZWQgZm9yIHByZWNpc2Ugem9vbSBsZXZlbCBjYWxjdWxhdGlvbiBpbiBPbmxpbmUgVGVzdGluZywgdGFyZ2V0aW5nIHRoZSBzcGVjaWZpYyBjbGFzcyBwYXR0ZXJuIC5hc210LXpvb21hYmxlLmFzbXQtem9vbS1OUiAuYXNtdC1xdWVzdGlvbiAucGFkZGluZ1xuICAgICAgY29uc3Qgem9vbUFmZmVjdGVkRWxlbWVudCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wYWRkaW5nJykgfHwgZG9jdW1lbnQuYm9keTtcbiAgICAgIHNldFpvb21MZXZlbChwYXJzZUZsb2F0KGdldENvbXB1dGVkU3R5bGUoem9vbUFmZmVjdGVkRWxlbWVudCkuem9vbSkgfHwgMSk7XG4gICAgfVxuICB9LCBbaXNBY3RpdmUsIGRyYWdEYXRhXSk7XG5cbiAgY29uc3QgY3VzdG9tU3R5bGUgPSBnZXRDdXN0b21TdHlsZShkcmFnRGF0YSk7XG4gIGNvbnN0IHByb21wdCA9IGdldFByb21wdChkcmFnRGF0YSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhZ092ZXJsYXk+XG4gICAgICB7aXNBY3RpdmUgJiYgcHJvbXB0ICYmIChcbiAgICAgICAgPGRpdiByZWY9e3Jvb3R9IHN0eWxlPXtjdXN0b21TdHlsZX0+XG4gICAgICAgICAgPFByZXZpZXdQcm9tcHQgY2xhc3NOYW1lPVwibGFiZWxcIiBwcm9tcHQ9e3Byb21wdH0gdGFnTmFtZT1cInNwYW5cIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9EcmFnT3ZlcmxheT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFByZXZpZXdDb21wb25lbnQ7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxLQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxTQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxjQUFBLEdBQUFILE9BQUE7QUFBcUQsU0FBQUQsd0JBQUFLLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFQLHVCQUFBLFlBQUFBLHdCQUFBSyxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FBQSxDQUFBTSxHQUFBLENBQUFaLENBQUEsR0FBQU0sQ0FBQSxDQUFBTyxHQUFBLENBQUFiLENBQUEsRUFBQVEsQ0FBQSxjQUFBTSxFQUFBLElBQUFkLENBQUEsZ0JBQUFjLEVBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLEVBQUEsT0FBQVAsQ0FBQSxJ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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/preview-component.jsx"],"names":["styles","maskBlank","backgroundColor","color","white","border","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","borderRadius","padding","ica","background","borderDark","justifyContent","marginLeft","marginTop","width","categorize","matchList","boxSizing","placementOrdering","getPrompt","itemType","item","choice","value","undefined","getCustomStyle","touchPosition","style","transform","x","y","top","left","position","PreviewComponent","preview","setTouchPosition","zoomLevel","setZoomLevel","handleTouchMove","event","touches","length","touch","touchOffset","clientX","clientY","root","current","zoomAffectedElement","document","querySelector","body","parseFloat","getComputedStyle","zoom","touchMoveListener","window","addEventListener","removeEventListener","customStyle","prompt"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport { usePreview } from 'react-dnd-multi-backend';\nimport { PreviewPrompt, color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst styles = {\n maskBlank: {\n // this style is applied only on small screens and for touch devices when dragging, for drag-in-the-blank.\n // It is styled to be identical to the drag-in-the-blank 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 borderRadius: '3px',\n padding: '12px',\n },\n ica: {\n backgroundColor: color.background(),\n border: `1px solid ${color.borderDark()}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: '28px',\n padding: '0 3px',\n marginLeft: 2,\n marginTop: 2,\n width: 'fit-content',\n },\n categorize: {\n color: color.text(),\n backgroundColor: color.background(),\n padding: '16px',\n borderRadius: '4px',\n border: '1px solid',\n },\n matchList: {\n color: color.text(),\n backgroundColor: color.background(),\n padding: '10px',\n boxSizing: 'border-box',\n border: '1px solid #D1D1D1',\n },\n placementOrdering: {\n padding: '10px',\n boxSizing: 'border-box',\n border: '1px solid #D1D1D1',\n backgroundColor: color.background(),\n },\n};\n\nconst getPrompt = (itemType, item) => {\n switch (itemType) {\n // DRAG-IN-THE-BLANK\n case 'MaskBlank':\n return item?.choice?.value;\n // IMAGE-CLOZE-ASSOCIATION\n case 'react-dnd-response':\n return item?.value;\n // MATCH-LIST\n case 'Answer':\n return item?.value;\n // PLACEMENT-ORDERING\n case 'Tile':\n return item?.value;\n default:\n return item?.itemType === 'categorize' ? item?.value : undefined;\n }\n};\n\nconst getCustomStyle = (itemType, item, touchPosition, style) => {\n const transform = `translate(${touchPosition.x}px, ${touchPosition.y}px)`;\n const top = style?.top || 0;\n const left = style?.left || 0;\n const position = style?.position || 'fixed';\n\n return {\n position,\n top,\n left,\n transform,\n ...(itemType === 'MaskBlank' ? styles.maskBlank : {}),\n ...(item?.itemType === 'categorize' ? styles.categorize : {}),\n ...(itemType === 'Answer' ? styles.matchList : {}),\n ...(itemType === 'Tile' ? styles.placementOrdering : {}),\n ...(itemType === 'react-dnd-response' ? styles.ica : {}),\n };\n};\n\nconst PreviewComponent = () => {\n const preview = usePreview();\n const { itemType, item, style, display } = preview;\n const [touchPosition, setTouchPosition] = useState({ x: 0, y: 0 });\n const [zoomLevel, setZoomLevel] = useState(1);\n\n const handleTouchMove = useCallback(\n (event) => {\n if (event.touches.length > 0) {\n const touch = event.touches[0];\n const touchOffset = 1;\n setTouchPosition({\n x: (touch.clientX + touchOffset) / zoomLevel,\n y: (touch.clientY + touchOffset) / zoomLevel,\n });\n }\n },\n [zoomLevel],\n );\n\n const root = useRef(null);\n\n useEffect(() => {\n if (display && root.current) {\n renderMath(root.current);\n\n // Adjusted for precise zoom level calculation in Online Testing, targeting the specific class pattern .asmt-zoomable.asmt-zoom-NR .asmt-question .padding\n const zoomAffectedElement = document.querySelector('.padding') || document.body;\n\n setZoomLevel(parseFloat(getComputedStyle(zoomAffectedElement).zoom) || 1);\n }\n }, [display, item?.choice?.value, item?.value, itemType, item]);\n\n useEffect(() => {\n const touchMoveListener = (event) => handleTouchMove(event);\n if (display) {\n window.addEventListener('touchmove', touchMoveListener);\n }\n return () => {\n window.removeEventListener('touchmove', touchMoveListener);\n };\n }, [display, handleTouchMove]);\n\n if (!display) {\n return null;\n }\n\n const customStyle = getCustomStyle(itemType, item, touchPosition, style);\n\n const prompt = getPrompt(itemType, item);\n\n return (\n <div ref={root} style={customStyle}>\n <PreviewPrompt className=\"label\" prompt={prompt} tagName=\"span\" />\n </div>\n );\n};\n\nexport default PreviewComponent;\n"],"file":"preview-component.js"}
|
|
1
|
+
{"version":3,"file":"preview-component.js","names":["_react","_interopRequireWildcard","require","_core","_renderUi","_mathRendering","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","styles","maskBlank","backgroundColor","color","white","border","concat","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","borderRadius","padding","ica","background","borderDark","justifyContent","marginLeft","marginTop","width","categorize","matchList","boxSizing","placementOrdering","getPrompt","dragData","_dragData$choice","undefined","choiceId","value","itemType","choice","getCustomStyle","baseStyle","cursor","opacity","transform","PreviewComponent","_active$data","_useDndContext","useDndContext","active","_useState","useState","_useState2","_slicedToArray2","zoomLevel","setZoomLevel","root","useRef","data","current","isActive","useEffect","renderMath","zoomAffectedElement","document","querySelector","body","parseFloat","getComputedStyle","zoom","customStyle","prompt","createElement","DragOverlay","ref","style","PreviewPrompt","className","tagName","_default","exports"],"sources":["../src/preview-component.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { DragOverlay, useDndContext } from '@dnd-kit/core';\nimport { PreviewPrompt, color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst styles = {\n maskBlank: {\n // this style is applied only on small screens and for touch devices when dragging, for drag-in-the-blank.\n // It is styled to be identical to the drag-in-the-blank 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 borderRadius: '3px',\n padding: '12px',\n },\n ica: {\n backgroundColor: color.background(),\n border: `1px solid ${color.borderDark()}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: '28px',\n padding: '0 3px',\n marginLeft: 2,\n marginTop: 2,\n width: 'fit-content',\n },\n categorize: {\n color: color.text(),\n backgroundColor: color.background(),\n padding: '16px',\n borderRadius: '4px',\n border: '1px solid',\n },\n matchList: {\n color: color.text(),\n backgroundColor: color.background(),\n padding: '10px',\n boxSizing: 'border-box',\n border: '1px solid #D1D1D1',\n },\n placementOrdering: {\n padding: '10px',\n boxSizing: 'border-box',\n border: '1px solid #D1D1D1',\n backgroundColor: color.background(),\n },\n};\n\nconst getPrompt = (dragData) => {\n if (!dragData) return undefined;\n\n // Handle different drag data structures based on the component type\n if (dragData.choiceId) {\n // DraggableChoice format\n return dragData.value;\n }\n \n // Legacy format support\n switch (dragData.itemType) {\n case 'MaskBlank':\n return dragData.choice?.value;\n case 'dnd-kit-response':\n return dragData.value;\n case 'Answer':\n return dragData.value;\n case 'Tile':\n return dragData.value;\n case 'categorize':\n return dragData.value;\n default:\n return dragData.value;\n }\n};\n\nconst getCustomStyle = (dragData) => {\n if (!dragData) return {};\n\n const baseStyle = {\n cursor: 'grabbing',\n opacity: 0.8,\n transform: 'rotate(5deg)', // Slight rotation for visual feedback\n };\n\n // Apply specific styles based on item type\n if (dragData.itemType === 'MaskBlank') {\n return { ...baseStyle, ...styles.maskBlank };\n }\n if (dragData.itemType === 'categorize') {\n return { ...baseStyle, ...styles.categorize };\n }\n if (dragData.itemType === 'Answer') {\n return { ...baseStyle, ...styles.matchList };\n }\n if (dragData.itemType === 'Tile') {\n return { ...baseStyle, ...styles.placementOrdering };\n }\n if (dragData.itemType === 'dnd-kit-response') {\n return { ...baseStyle, ...styles.ica };\n }\n\n // Default style for choice items\n return { ...baseStyle, ...styles.categorize };\n};\n\nconst PreviewComponent = () => {\n const { active } = useDndContext();\n const [zoomLevel, setZoomLevel] = useState(1);\n const root = useRef(null);\n\n const dragData = active?.data?.current;\n const isActive = !!active;\n\n useEffect(() => {\n if (isActive && root.current) {\n renderMath(root.current);\n\n // Adjusted for precise zoom level calculation in Online Testing, targeting the specific class pattern .asmt-zoomable.asmt-zoom-NR .asmt-question .padding\n const zoomAffectedElement = document.querySelector('.padding') || document.body;\n setZoomLevel(parseFloat(getComputedStyle(zoomAffectedElement).zoom) || 1);\n }\n }, [isActive, dragData]);\n\n const customStyle = getCustomStyle(dragData);\n const prompt = getPrompt(dragData);\n\n return (\n <DragOverlay>\n {isActive && prompt && (\n <div ref={root} style={customStyle}>\n <PreviewPrompt className=\"label\" prompt={prompt} tagName=\"span\" />\n </div>\n )}\n </DragOverlay>\n );\n};\n\nexport default PreviewComponent;\n"],"mappings":"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","ignoreList":[]}
|