@pie-element/hotspot 9.1.0 → 9.2.0-mui-update.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 +66 -0
- package/configure/CHANGELOG.md +66 -0
- package/configure/lib/DeleteWidget.js +31 -44
- package/configure/lib/DeleteWidget.js.map +1 -1
- package/configure/lib/__tests__/DeleteWidget.test.js +60 -0
- package/configure/lib/__tests__/hotspot-container.test.js +377 -0
- package/configure/lib/__tests__/hotspot-drawable.test.js +233 -0
- package/configure/lib/__tests__/index.test.js +211 -0
- package/configure/lib/__tests__/root.test.js +440 -0
- package/configure/lib/__tests__/utils.test.js +287 -0
- package/configure/lib/button.js +27 -46
- package/configure/lib/button.js.map +1 -1
- package/configure/lib/buttons/circle.js +21 -28
- package/configure/lib/buttons/circle.js.map +1 -1
- package/configure/lib/buttons/polygon.js +27 -34
- package/configure/lib/buttons/polygon.js.map +1 -1
- package/configure/lib/buttons/rectangle.js +27 -34
- package/configure/lib/buttons/rectangle.js.map +1 -1
- package/configure/lib/defaults.js +3 -4
- package/configure/lib/defaults.js.map +1 -1
- package/configure/lib/hotspot-circle.js +133 -199
- package/configure/lib/hotspot-circle.js.map +1 -1
- package/configure/lib/hotspot-container.js +251 -356
- package/configure/lib/hotspot-container.js.map +1 -1
- package/configure/lib/hotspot-drawable.js +361 -473
- package/configure/lib/hotspot-drawable.js.map +1 -1
- package/configure/lib/hotspot-palette.js +93 -140
- package/configure/lib/hotspot-palette.js.map +1 -1
- package/configure/lib/hotspot-polygon.js +213 -318
- package/configure/lib/hotspot-polygon.js.map +1 -1
- package/configure/lib/hotspot-rectangle.js +129 -193
- package/configure/lib/hotspot-rectangle.js.map +1 -1
- package/configure/lib/icons.js +1 -1
- package/configure/lib/icons.js.map +1 -1
- package/configure/lib/image-konva.js +47 -87
- package/configure/lib/image-konva.js.map +1 -1
- package/configure/lib/index.js +163 -223
- package/configure/lib/index.js.map +1 -1
- package/configure/lib/root.js +302 -394
- package/configure/lib/root.js.map +1 -1
- package/configure/lib/shapes/circle.js +70 -102
- package/configure/lib/shapes/circle.js.map +1 -1
- package/configure/lib/shapes/index.js +5 -13
- package/configure/lib/shapes/index.js.map +1 -1
- package/configure/lib/shapes/polygon.js +65 -97
- package/configure/lib/shapes/polygon.js.map +1 -1
- package/configure/lib/shapes/rectagle.js +70 -102
- package/configure/lib/shapes/rectagle.js.map +1 -1
- package/configure/lib/shapes/utils.js +3 -9
- package/configure/lib/shapes/utils.js.map +1 -1
- package/configure/lib/upload-control.js +26 -53
- package/configure/lib/upload-control.js.map +1 -1
- package/configure/lib/utils.js +85 -138
- package/configure/lib/utils.js.map +1 -1
- package/configure/package.json +11 -10
- package/configure/src/__tests__/index.test.js +11 -5
- package/configure/src/button.jsx +12 -20
- package/configure/src/hotspot-circle.jsx +5 -18
- package/configure/src/hotspot-container.jsx +82 -98
- package/configure/src/hotspot-drawable.jsx +43 -45
- package/configure/src/hotspot-palette.jsx +45 -37
- package/configure/src/hotspot-polygon.jsx +4 -20
- package/configure/src/hotspot-rectangle.jsx +4 -17
- package/configure/src/index.js +12 -2
- package/configure/src/root.jsx +85 -79
- package/configure/src/upload-control.jsx +6 -16
- package/controller/CHANGELOG.md +52 -0
- package/controller/lib/__tests__/index.test.js +586 -0
- package/controller/lib/__tests__/utils.test.js +8 -0
- package/controller/lib/defaults.js +3 -4
- package/controller/lib/defaults.js.map +1 -1
- package/controller/lib/index.js +152 -206
- package/controller/lib/index.js.map +1 -1
- package/controller/lib/utils.js +15 -35
- package/controller/lib/utils.js.map +1 -1
- package/controller/package.json +2 -2
- package/docs/demo/pie.manifest.json +11 -0
- package/lib/__tests__/container.test.js +221 -0
- package/lib/__tests__/index.test.js +113 -0
- package/lib/__tests__/polygon.test.js +245 -0
- package/lib/__tests__/rectangle.test.js +236 -0
- package/lib/__tests__/session-updater.test.js +69 -0
- package/lib/hotspot/circle.js +111 -170
- package/lib/hotspot/circle.js.map +1 -1
- package/lib/hotspot/container.js +175 -261
- package/lib/hotspot/container.js.map +1 -1
- package/lib/hotspot/icons.js +1 -1
- package/lib/hotspot/icons.js.map +1 -1
- package/lib/hotspot/image-konva-tooltip.js +66 -113
- package/lib/hotspot/image-konva-tooltip.js.map +1 -1
- package/lib/hotspot/index.js +136 -199
- package/lib/hotspot/index.js.map +1 -1
- package/lib/hotspot/polygon.js +151 -215
- package/lib/hotspot/polygon.js.map +1 -1
- package/lib/hotspot/rectangle.js +130 -186
- package/lib/hotspot/rectangle.js.map +1 -1
- package/lib/index.js +188 -257
- package/lib/index.js.map +1 -1
- package/lib/session-updater.js +13 -19
- package/lib/session-updater.js.map +1 -1
- package/package.json +14 -11
- package/src/hotspot/circle.jsx +2 -13
- package/src/hotspot/container.jsx +35 -50
- package/src/hotspot/index.jsx +16 -28
- package/src/hotspot/polygon.jsx +4 -13
- package/src/hotspot/rectangle.jsx +4 -13
- package/src/index.js +21 -12
- package/LICENSE.md +0 -5
- package/configure/node_modules/debug/CHANGELOG.md +0 -395
- package/configure/node_modules/debug/LICENSE +0 -19
- package/configure/node_modules/debug/README.md +0 -437
- package/configure/node_modules/debug/node.js +0 -1
- package/configure/node_modules/debug/package.json +0 -51
- package/configure/node_modules/debug/src/browser.js +0 -180
- package/configure/node_modules/debug/src/common.js +0 -249
- package/configure/node_modules/debug/src/index.js +0 -12
- package/configure/node_modules/debug/src/node.js +0 -177
package/lib/hotspot/rectangle.js
CHANGED
|
@@ -1,224 +1,171 @@
|
|
|
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
|
-
exports
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
7
|
+
exports.default = void 0;
|
|
22
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
9
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
11
|
var _reactKonva = require("react-konva");
|
|
29
|
-
|
|
30
|
-
var _styles = require("@material-ui/core/styles");
|
|
31
|
-
|
|
32
12
|
var _imageKonvaTooltip = _interopRequireDefault(require("./image-konva-tooltip"));
|
|
33
|
-
|
|
34
13
|
var _icons = require("./icons");
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
function RectComponent(props) {
|
|
46
|
-
var _this;
|
|
47
|
-
|
|
48
|
-
(0, _classCallCheck2["default"])(this, RectComponent);
|
|
49
|
-
_this = _super.call(this, props);
|
|
50
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (e) {
|
|
51
|
-
var _this$props = _this.props,
|
|
52
|
-
onClick = _this$props.onClick,
|
|
53
|
-
id = _this$props.id,
|
|
54
|
-
selected = _this$props.selected,
|
|
55
|
-
disabled = _this$props.disabled;
|
|
56
|
-
|
|
14
|
+
class RectComponent extends _react.default.Component {
|
|
15
|
+
constructor(props) {
|
|
16
|
+
super(props);
|
|
17
|
+
(0, _defineProperty2.default)(this, "handleClick", e => {
|
|
18
|
+
const {
|
|
19
|
+
onClick,
|
|
20
|
+
id,
|
|
21
|
+
selected,
|
|
22
|
+
disabled
|
|
23
|
+
} = this.props;
|
|
57
24
|
if (!disabled) {
|
|
58
25
|
e.cancelBubble = true;
|
|
59
26
|
onClick({
|
|
60
|
-
id
|
|
27
|
+
id,
|
|
61
28
|
selected: !selected,
|
|
62
29
|
selector: 'Mouse'
|
|
63
30
|
});
|
|
64
31
|
}
|
|
65
32
|
});
|
|
66
|
-
(0, _defineProperty2
|
|
67
|
-
|
|
68
|
-
|
|
33
|
+
(0, _defineProperty2.default)(this, "handleMouseEnter", () => {
|
|
34
|
+
const {
|
|
35
|
+
disabled
|
|
36
|
+
} = this.props;
|
|
69
37
|
if (!disabled) {
|
|
70
38
|
document.body.style.cursor = 'pointer';
|
|
71
39
|
}
|
|
72
|
-
|
|
73
|
-
_this.setState({
|
|
40
|
+
this.setState({
|
|
74
41
|
hovered: true
|
|
75
42
|
});
|
|
76
43
|
});
|
|
77
|
-
(0, _defineProperty2
|
|
44
|
+
(0, _defineProperty2.default)(this, "handleMouseLeave", () => {
|
|
78
45
|
document.body.style.cursor = 'default';
|
|
79
|
-
|
|
80
|
-
_this.setState({
|
|
46
|
+
this.setState({
|
|
81
47
|
hovered: false
|
|
82
48
|
});
|
|
83
49
|
});
|
|
84
|
-
(0, _defineProperty2
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getOutlineWidth", function (showCorrectEnabled, selected, markAsCorrect, strokeWidth) {
|
|
88
|
-
return markAsCorrect || !markAsCorrect && !showCorrectEnabled && selected ? strokeWidth : 0;
|
|
89
|
-
});
|
|
90
|
-
_this.state = {
|
|
50
|
+
(0, _defineProperty2.default)(this, "getEvaluateOutlineColor", (isCorrect, markAsCorrect, outlineColor) => markAsCorrect ? 'green' : isCorrect ? outlineColor : 'red');
|
|
51
|
+
(0, _defineProperty2.default)(this, "getOutlineWidth", (showCorrectEnabled, selected, markAsCorrect, strokeWidth) => markAsCorrect || !markAsCorrect && !showCorrectEnabled && selected ? strokeWidth : 0);
|
|
52
|
+
this.state = {
|
|
91
53
|
hovered: false
|
|
92
54
|
};
|
|
93
|
-
return _this;
|
|
94
55
|
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
56
|
+
render() {
|
|
57
|
+
const {
|
|
58
|
+
height,
|
|
59
|
+
hotspotColor,
|
|
60
|
+
hoverOutlineColor,
|
|
61
|
+
selectedHotspotColor,
|
|
62
|
+
isCorrect,
|
|
63
|
+
isEvaluateMode,
|
|
64
|
+
outlineColor,
|
|
65
|
+
selected,
|
|
66
|
+
width,
|
|
67
|
+
x,
|
|
68
|
+
y,
|
|
69
|
+
evaluateText,
|
|
70
|
+
strokeWidth,
|
|
71
|
+
scale,
|
|
72
|
+
markAsCorrect,
|
|
73
|
+
showCorrectEnabled
|
|
74
|
+
} = this.props;
|
|
75
|
+
const outlineColorParsed = isEvaluateMode ? this.getEvaluateOutlineColor(isCorrect, markAsCorrect, outlineColor) : outlineColor;
|
|
76
|
+
const outlineWidth = this.getOutlineWidth(showCorrectEnabled, selected, markAsCorrect, strokeWidth);
|
|
77
|
+
const iconX = x + width / 2 - 10;
|
|
78
|
+
const iconY = y + height / 2 - 10;
|
|
79
|
+
|
|
80
|
+
// "Show Correct Answer" Enabled:
|
|
81
|
+
// - Correctly Selected: white checkmark in green circle
|
|
82
|
+
// - Correctly Not Selected: none
|
|
83
|
+
// - Incorrectly Selected: none
|
|
84
|
+
// - Incorrectly Not Selected: white checkmark in green circle
|
|
85
|
+
// "Show Correct Answer" Disabled:
|
|
86
|
+
// - Correctly Selected:
|
|
87
|
+
// - white checkmark in green circle
|
|
88
|
+
// - heavy outline, as on “Gather”
|
|
89
|
+
// - Correctly Not Selected: none
|
|
90
|
+
// - Incorrectly Selected:
|
|
91
|
+
// - white "X" in red circle
|
|
92
|
+
// - heavy outline around the selection should appear in red
|
|
93
|
+
// - Incorrectly Not Selected: white "X" in red circle
|
|
94
|
+
let iconSrc;
|
|
95
|
+
if (showCorrectEnabled) {
|
|
96
|
+
if (selected && isCorrect || !selected && !isCorrect) {
|
|
97
|
+
iconSrc = _icons.faCorrect;
|
|
98
|
+
}
|
|
99
|
+
} else {
|
|
100
|
+
if (selected) {
|
|
101
|
+
if (isCorrect) {
|
|
139
102
|
iconSrc = _icons.faCorrect;
|
|
140
|
-
}
|
|
141
|
-
} else {
|
|
142
|
-
if (selected) {
|
|
143
|
-
if (isCorrect) {
|
|
144
|
-
iconSrc = _icons.faCorrect;
|
|
145
|
-
} else {
|
|
146
|
-
iconSrc = _icons.faWrong;
|
|
147
|
-
}
|
|
148
|
-
} else if (!isCorrect) {
|
|
103
|
+
} else {
|
|
149
104
|
iconSrc = _icons.faWrong;
|
|
150
105
|
}
|
|
106
|
+
} else if (!isCorrect) {
|
|
107
|
+
iconSrc = _icons.faWrong;
|
|
151
108
|
}
|
|
152
|
-
|
|
153
|
-
var hovered = this.state.hovered;
|
|
154
|
-
var useHoveredStyle = hovered && hoverOutlineColor;
|
|
155
|
-
return /*#__PURE__*/_react["default"].createElement(_reactKonva.Group, {
|
|
156
|
-
scaleX: scale,
|
|
157
|
-
scaleY: scale
|
|
158
|
-
}, useHoveredStyle && /*#__PURE__*/_react["default"].createElement(_reactKonva.Rect, {
|
|
159
|
-
x: x,
|
|
160
|
-
y: y,
|
|
161
|
-
width: width,
|
|
162
|
-
height: height,
|
|
163
|
-
stroke: selected ? 'transparent' : hoverOutlineColor,
|
|
164
|
-
strokeWidth: strokeWidth,
|
|
165
|
-
listening: false
|
|
166
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactKonva.Rect, {
|
|
167
|
-
classes: classes.base,
|
|
168
|
-
width: width,
|
|
169
|
-
height: height,
|
|
170
|
-
fill: selected && selectedHotspotColor ? selectedHotspotColor : hotspotColor,
|
|
171
|
-
onClick: this.handleClick,
|
|
172
|
-
onTap: this.handleClick,
|
|
173
|
-
draggable: false,
|
|
174
|
-
stroke: useHoveredStyle && !selected ? 'transparent' : outlineColorParsed,
|
|
175
|
-
strokeWidth: useHoveredStyle && !selected ? 0 : outlineWidth,
|
|
176
|
-
onMouseLeave: this.handleMouseLeave,
|
|
177
|
-
onMouseEnter: this.handleMouseEnter,
|
|
178
|
-
x: x,
|
|
179
|
-
y: y
|
|
180
|
-
}), isEvaluateMode && iconSrc ? /*#__PURE__*/_react["default"].createElement(_imageKonvaTooltip["default"], {
|
|
181
|
-
src: iconSrc,
|
|
182
|
-
x: iconX,
|
|
183
|
-
y: iconY,
|
|
184
|
-
tooltip: evaluateText
|
|
185
|
-
}) : null);
|
|
186
109
|
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
110
|
+
const {
|
|
111
|
+
hovered
|
|
112
|
+
} = this.state;
|
|
113
|
+
const useHoveredStyle = hovered && hoverOutlineColor;
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(_reactKonva.Group, {
|
|
115
|
+
scaleX: scale,
|
|
116
|
+
scaleY: scale
|
|
117
|
+
}, useHoveredStyle && /*#__PURE__*/_react.default.createElement(_reactKonva.Rect, {
|
|
118
|
+
x: x,
|
|
119
|
+
y: y,
|
|
120
|
+
width: width,
|
|
121
|
+
height: height,
|
|
122
|
+
stroke: selected ? 'transparent' : hoverOutlineColor,
|
|
123
|
+
strokeWidth: strokeWidth,
|
|
124
|
+
listening: false
|
|
125
|
+
}), /*#__PURE__*/_react.default.createElement(_reactKonva.Rect, {
|
|
126
|
+
width: width,
|
|
127
|
+
height: height,
|
|
128
|
+
fill: selected && selectedHotspotColor ? selectedHotspotColor : hotspotColor,
|
|
129
|
+
onClick: this.handleClick,
|
|
130
|
+
onTap: this.handleClick,
|
|
131
|
+
draggable: false,
|
|
132
|
+
stroke: useHoveredStyle && !selected ? 'transparent' : outlineColorParsed,
|
|
133
|
+
strokeWidth: useHoveredStyle && !selected ? 0 : outlineWidth,
|
|
134
|
+
onMouseLeave: this.handleMouseLeave,
|
|
135
|
+
onMouseEnter: this.handleMouseEnter,
|
|
136
|
+
x: x,
|
|
137
|
+
y: y,
|
|
195
138
|
opacity: 0.5,
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
139
|
+
cursor: "pointer",
|
|
140
|
+
position: "relative"
|
|
141
|
+
}), isEvaluateMode && iconSrc ? /*#__PURE__*/_react.default.createElement(_imageKonvaTooltip.default, {
|
|
142
|
+
src: iconSrc,
|
|
143
|
+
x: iconX,
|
|
144
|
+
y: iconY,
|
|
145
|
+
tooltip: evaluateText
|
|
146
|
+
}) : null);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
201
149
|
RectComponent.propTypes = {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
showCorrectEnabled: _propTypes["default"].bool.isRequired
|
|
150
|
+
height: _propTypes.default.number.isRequired,
|
|
151
|
+
hotspotColor: _propTypes.default.string.isRequired,
|
|
152
|
+
id: _propTypes.default.string.isRequired,
|
|
153
|
+
isCorrect: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
|
|
154
|
+
isEvaluateMode: _propTypes.default.bool.isRequired,
|
|
155
|
+
hoverOutlineColor: _propTypes.default.string,
|
|
156
|
+
disabled: _propTypes.default.bool.isRequired,
|
|
157
|
+
onClick: _propTypes.default.func.isRequired,
|
|
158
|
+
outlineColor: _propTypes.default.string.isRequired,
|
|
159
|
+
selected: _propTypes.default.bool.isRequired,
|
|
160
|
+
width: _propTypes.default.number.isRequired,
|
|
161
|
+
x: _propTypes.default.number.isRequired,
|
|
162
|
+
y: _propTypes.default.number.isRequired,
|
|
163
|
+
evaluateText: _propTypes.default.string,
|
|
164
|
+
strokeWidth: _propTypes.default.number,
|
|
165
|
+
scale: _propTypes.default.number,
|
|
166
|
+
selectedHotspotColor: _propTypes.default.string,
|
|
167
|
+
markAsCorrect: _propTypes.default.bool.isRequired,
|
|
168
|
+
showCorrectEnabled: _propTypes.default.bool.isRequired
|
|
222
169
|
};
|
|
223
170
|
RectComponent.defaultProps = {
|
|
224
171
|
isCorrect: false,
|
|
@@ -226,8 +173,5 @@ RectComponent.defaultProps = {
|
|
|
226
173
|
strokeWidth: 5,
|
|
227
174
|
scale: 1
|
|
228
175
|
};
|
|
229
|
-
|
|
230
|
-
var _default = (0, _styles.withStyles)(styles)(RectComponent);
|
|
231
|
-
|
|
232
|
-
exports["default"] = _default;
|
|
233
|
-
//# sourceMappingURL=rectangle.js.map
|
|
176
|
+
var _default = exports.default = RectComponent;
|
|
177
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfcmVhY3RLb252YSIsIl9pbWFnZUtvbnZhVG9vbHRpcCIsIl9pY29ucyIsIlJlY3RDb21wb25lbnQiLCJSZWFjdCIsIkNvbXBvbmVudCIsImNvbnN0cnVjdG9yIiwicHJvcHMiLCJfZGVmaW5lUHJvcGVydHkyIiwiZGVmYXVsdCIsImUiLCJvbkNsaWNrIiwiaWQiLCJzZWxlY3RlZCIsImRpc2FibGVkIiwiY2FuY2VsQnViYmxlIiwic2VsZWN0b3IiLCJkb2N1bWVudCIsImJvZHkiLCJzdHlsZSIsImN1cnNvciIsInNldFN0YXRlIiwiaG92ZXJlZCIsImlzQ29ycmVjdCIsIm1hcmtBc0NvcnJlY3QiLCJvdXRsaW5lQ29sb3IiLCJzaG93Q29ycmVjdEVuYWJsZWQiLCJzdHJva2VXaWR0aCIsInN0YXRlIiwicmVuZGVyIiwiaGVpZ2h0IiwiaG90c3BvdENvbG9yIiwiaG92ZXJPdXRsaW5lQ29sb3IiLCJzZWxlY3RlZEhvdHNwb3RDb2xvciIsImlzRXZhbHVhdGVNb2RlIiwid2lkdGgiLCJ4IiwieSIsImV2YWx1YXRlVGV4dCIsInNjYWxlIiwib3V0bGluZUNvbG9yUGFyc2VkIiwiZ2V0RXZhbHVhdGVPdXRsaW5lQ29sb3IiLCJvdXRsaW5lV2lkdGgiLCJnZXRPdXRsaW5lV2lkdGgiLCJpY29uWCIsImljb25ZIiwiaWNvblNyYyIsImZhQ29ycmVjdCIsImZhV3JvbmciLCJ1c2VIb3ZlcmVkU3R5bGUiLCJjcmVhdGVFbGVtZW50IiwiR3JvdXAiLCJzY2FsZVgiLCJzY2FsZVkiLCJSZWN0Iiwic3Ryb2tlIiwibGlzdGVuaW5nIiwiZmlsbCIsImhhbmRsZUNsaWNrIiwib25UYXAiLCJkcmFnZ2FibGUiLCJvbk1vdXNlTGVhdmUiLCJoYW5kbGVNb3VzZUxlYXZlIiwib25Nb3VzZUVudGVyIiwiaGFuZGxlTW91c2VFbnRlciIsIm9wYWNpdHkiLCJwb3NpdGlvbiIsInNyYyIsInRvb2x0aXAiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJudW1iZXIiLCJpc1JlcXVpcmVkIiwic3RyaW5nIiwib25lT2ZUeXBlIiwiYm9vbCIsImZ1bmMiLCJkZWZhdWx0UHJvcHMiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvaG90c3BvdC9yZWN0YW5nbGUuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgUmVjdCwgR3JvdXAgfSBmcm9tICdyZWFjdC1rb252YSc7XG5pbXBvcnQgSW1hZ2VDb21wb25lbnQgZnJvbSAnLi9pbWFnZS1rb252YS10b29sdGlwJztcbmltcG9ydCB7IGZhQ29ycmVjdCwgZmFXcm9uZyB9IGZyb20gJy4vaWNvbnMnO1xuXG5jbGFzcyBSZWN0Q29tcG9uZW50IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGhvdmVyZWQ6IGZhbHNlLFxuICAgIH07XG4gIH1cblxuICBoYW5kbGVDbGljayA9IChlKSA9PiB7XG4gICAgY29uc3QgeyBvbkNsaWNrLCBpZCwgc2VsZWN0ZWQsIGRpc2FibGVkIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgZS5jYW5jZWxCdWJibGUgPSB0cnVlO1xuICAgICAgb25DbGljayh7IGlkLCBzZWxlY3RlZDogIXNlbGVjdGVkLCBzZWxlY3RvcjogJ01vdXNlJyB9KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICBjb25zdCB7IGRpc2FibGVkIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAncG9pbnRlcic7XG4gICAgfVxuICAgIHRoaXMuc2V0U3RhdGUoeyBob3ZlcmVkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAnZGVmYXVsdCc7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGhvdmVyZWQ6IGZhbHNlIH0pO1xuICB9O1xuXG4gIGdldEV2YWx1YXRlT3V0bGluZUNvbG9yID0gKGlzQ29ycmVjdCwgbWFya0FzQ29ycmVjdCwgb3V0bGluZUNvbG9yKSA9PlxuICAgIG1hcmtBc0NvcnJlY3QgPyAnZ3JlZW4nIDogaXNDb3JyZWN0ID8gb3V0bGluZUNvbG9yIDogJ3JlZCc7XG5cbiAgZ2V0T3V0bGluZVdpZHRoID0gKHNob3dDb3JyZWN0RW5hYmxlZCwgc2VsZWN0ZWQsIG1hcmtBc0NvcnJlY3QsIHN0cm9rZVdpZHRoKSA9PlxuICAgIG1hcmtBc0NvcnJlY3QgfHwgKCFtYXJrQXNDb3JyZWN0ICYmICFzaG93Q29ycmVjdEVuYWJsZWQgJiYgc2VsZWN0ZWQpID8gc3Ryb2tlV2lkdGggOiAwO1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBoZWlnaHQsXG4gICAgICBob3RzcG90Q29sb3IsXG4gICAgICBob3Zlck91dGxpbmVDb2xvcixcbiAgICAgIHNlbGVjdGVkSG90c3BvdENvbG9yLFxuICAgICAgaXNDb3JyZWN0LFxuICAgICAgaXNFdmFsdWF0ZU1vZGUsXG4gICAgICBvdXRsaW5lQ29sb3IsXG4gICAgICBzZWxlY3RlZCxcbiAgICAgIHdpZHRoLFxuICAgICAgeCxcbiAgICAgIHksXG4gICAgICBldmFsdWF0ZVRleHQsXG4gICAgICBzdHJva2VXaWR0aCxcbiAgICAgIHNjYWxlLFxuICAgICAgbWFya0FzQ29ycmVjdCxcbiAgICAgIHNob3dDb3JyZWN0RW5hYmxlZCxcbiAgICB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IG91dGxpbmVDb2xvclBhcnNlZCA9IGlzRXZhbHVhdGVNb2RlXG4gICAgICA/IHRoaXMuZ2V0RXZhbHVhdGVPdXRsaW5lQ29sb3IoaXNDb3JyZWN0LCBtYXJrQXNDb3JyZWN0LCBvdXRsaW5lQ29sb3IpXG4gICAgICA6IG91dGxpbmVDb2xvcjtcblxuICAgIGNvbnN0IG91dGxpbmVXaWR0aCA9IHRoaXMuZ2V0T3V0bGluZVdpZHRoKHNob3dDb3JyZWN0RW5hYmxlZCwgc2VsZWN0ZWQsIG1hcmtBc0NvcnJlY3QsIHN0cm9rZVdpZHRoKTtcblxuICAgIGNvbnN0IGljb25YID0geCArIHdpZHRoIC8gMiAtIDEwO1xuICAgIGNvbnN0IGljb25ZID0geSArIGhlaWdodCAvIDIgLSAxMDtcblxuICAgIC8vIFwiU2hvdyBDb3JyZWN0IEFuc3dlclwiIEVuYWJsZWQ6XG4gICAgLy8gICAtIENvcnJlY3RseSBTZWxlY3RlZDogd2hpdGUgY2hlY2ttYXJrIGluIGdyZWVuIGNpcmNsZVxuICAgIC8vICAgLSBDb3JyZWN0bHkgTm90IFNlbGVjdGVkOiBub25lXG4gICAgLy8gICAtIEluY29ycmVjdGx5IFNlbGVjdGVkOiBub25lXG4gICAgLy8gICAtIEluY29ycmVjdGx5IE5vdCBTZWxlY3RlZDogd2hpdGUgY2hlY2ttYXJrIGluIGdyZWVuIGNpcmNsZVxuICAgIC8vIFwiU2hvdyBDb3JyZWN0IEFuc3dlclwiIERpc2FibGVkOlxuICAgIC8vICAgLSBDb3JyZWN0bHkgU2VsZWN0ZWQ6XG4gICAgLy8gICAgIC0gd2hpdGUgY2hlY2ttYXJrIGluIGdyZWVuIGNpcmNsZVxuICAgIC8vICAgICAtIGhlYXZ5IG91dGxpbmUsIGFzIG9uIOKAnEdhdGhlcuKAnVxuICAgIC8vICAgLSBDb3JyZWN0bHkgTm90IFNlbGVjdGVkOiBub25lXG4gICAgLy8gICAtIEluY29ycmVjdGx5IFNlbGVjdGVkOlxuICAgIC8vICAgICAtIHdoaXRlIFwiWFwiIGluIHJlZCBjaXJjbGVcbiAgICAvLyAgICAgLSBoZWF2eSBvdXRsaW5lIGFyb3VuZCB0aGUgc2VsZWN0aW9uIHNob3VsZCBhcHBlYXIgaW4gcmVkXG4gICAgLy8gICAtIEluY29ycmVjdGx5IE5vdCBTZWxlY3RlZDogd2hpdGUgXCJYXCIgaW4gcmVkIGNpcmNsZVxuICAgIGxldCBpY29uU3JjO1xuXG4gICAgaWYgKHNob3dDb3JyZWN0RW5hYmxlZCkge1xuICAgICAgaWYgKChzZWxlY3RlZCAmJiBpc0NvcnJlY3QpIHx8ICghc2VsZWN0ZWQgJiYgIWlzQ29ycmVjdCkpIHtcbiAgICAgICAgaWNvblNyYyA9IGZhQ29ycmVjdDtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICAgIGlmIChpc0NvcnJlY3QpIHtcbiAgICAgICAgICBpY29uU3JjID0gZmFDb3JyZWN0O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGljb25TcmMgPSBmYVdyb25nO1xuICAgICAgICB9XG4gICAgICB9IGVsc2UgaWYgKCFpc0NvcnJlY3QpIHtcbiAgICAgICAgaWNvblNyYyA9IGZhV3Jvbmc7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3QgeyBob3ZlcmVkIH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHVzZUhvdmVyZWRTdHlsZSA9IGhvdmVyZWQgJiYgaG92ZXJPdXRsaW5lQ29sb3I7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEdyb3VwIHNjYWxlWD17c2NhbGV9IHNjYWxlWT17c2NhbGV9PlxuICAgICAgICB7dXNlSG92ZXJlZFN0eWxlICYmIChcbiAgICAgICAgICA8UmVjdFxuICAgICAgICAgICAgeD17eH1cbiAgICAgICAgICAgIHk9e3l9XG4gICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgICAgIHN0cm9rZT17c2VsZWN0ZWQgPyAndHJhbnNwYXJlbnQnIDogaG92ZXJPdXRsaW5lQ29sb3J9XG4gICAgICAgICAgICBzdHJva2VXaWR0aD17c3Ryb2tlV2lkdGh9XG4gICAgICAgICAgICBsaXN0ZW5pbmc9e2ZhbHNlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxSZWN0XG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIGZpbGw9e3NlbGVjdGVkICYmIHNlbGVjdGVkSG90c3BvdENvbG9yID8gc2VsZWN0ZWRIb3RzcG90Q29sb3IgOiBob3RzcG90Q29sb3J9XG4gICAgICAgICAgb25DbGljaz17dGhpcy5oYW5kbGVDbGlja31cbiAgICAgICAgICBvblRhcD17dGhpcy5oYW5kbGVDbGlja31cbiAgICAgICAgICBkcmFnZ2FibGU9e2ZhbHNlfVxuICAgICAgICAgIHN0cm9rZT17dXNlSG92ZXJlZFN0eWxlICYmICFzZWxlY3RlZCA/ICd0cmFuc3BhcmVudCcgOiBvdXRsaW5lQ29sb3JQYXJzZWR9XG4gICAgICAgICAgc3Ryb2tlV2lkdGg9e3VzZUhvdmVyZWRTdHlsZSAmJiAhc2VsZWN0ZWQgPyAwIDogb3V0bGluZVdpZHRofVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17dGhpcy5oYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17dGhpcy5oYW5kbGVNb3VzZUVudGVyfVxuICAgICAgICAgIHg9e3h9XG4gICAgICAgICAgeT17eX1cbiAgICAgICAgICBvcGFjaXR5PXswLjV9XG4gICAgICAgICAgY3Vyc29yPVwicG9pbnRlclwiXG4gICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgIC8+XG4gICAgICAgIHtpc0V2YWx1YXRlTW9kZSAmJiBpY29uU3JjID8gPEltYWdlQ29tcG9uZW50IHNyYz17aWNvblNyY30geD17aWNvblh9IHk9e2ljb25ZfSB0b29sdGlwPXtldmFsdWF0ZVRleHR9IC8+IDogbnVsbH1cbiAgICAgIDwvR3JvdXA+XG4gICAgKTtcbiAgfVxufVxuXG5SZWN0Q29tcG9uZW50LnByb3BUeXBlcyA9IHtcbiAgaGVpZ2h0OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGhvdHNwb3RDb2xvcjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpc0NvcnJlY3Q6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5ib29sLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGlzRXZhbHVhdGVNb2RlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBob3Zlck91dGxpbmVDb2xvcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG91dGxpbmVDb2xvcjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBzZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgd2lkdGg6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgeDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB5OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGV2YWx1YXRlVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbiAgc3Ryb2tlV2lkdGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHNjYWxlOiBQcm9wVHlwZXMubnVtYmVyLFxuICBzZWxlY3RlZEhvdHNwb3RDb2xvcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbWFya0FzQ29ycmVjdDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgc2hvd0NvcnJlY3RFbmFibGVkOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxufTtcblxuUmVjdENvbXBvbmVudC5kZWZhdWx0UHJvcHMgPSB7XG4gIGlzQ29ycmVjdDogZmFsc2UsXG4gIGV2YWx1YXRlVGV4dDogbnVsbCxcbiAgc3Ryb2tlV2lkdGg6IDUsXG4gIHNjYWxlOiAxLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmVjdENvbXBvbmVudDtc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LGtCQUFTLENBQUNDLE1BQU0sQ0FBQ0MsVUFBVTtFQUNuQ3pDLFlBQVksRUFBRXVDLGtCQUFTLENBQUNHLE1BQU0sQ0FBQ0QsVUFBVTtFQUN6QzVELEVBQUUsRUFBRTBELGtCQUFTLENBQUNHLE1BQU0sQ0FBQ0QsVUFBVTtFQUMvQmpELFNBQVMsRUFBRStDLGtCQUFTLENBQUNJLFNBQVMsQ0FBQyxDQUFDSixrQkFBUyxDQUFDSyxJQUFJLEVBQUVMLGtCQUFTLENBQUNHLE1BQU0sQ0FBQyxDQUFDO0VBQ2xFdkMsY0FBYyxFQUFFb0Msa0JBQVMsQ0FBQ0ssSUFBSSxDQUFDSCxVQUFVO0VBQ3pDeEMsaUJBQWlCLEVBQUVzQyxrQkFBUyxDQUFDRyxNQUFNO0VBQ25DM0QsUUFBUSxFQUFFd0Qsa0JBQVMsQ0FBQ0ssSUFBSSxDQUFDSCxVQUFVO0VBQ25DN0QsT0FBTyxFQUFFMkQsa0JBQVMsQ0FBQ00sSUFBSSxDQUFDSixVQUFVO0VBQ2xDL0MsWUFBWSxFQUFFNkMsa0JBQVMsQ0FBQ0csTUFBTSxDQUFDRCxVQUFVO0VBQ3pDM0QsUUFBUSxFQUFFeUQsa0JBQVMsQ0FBQ0ssSUFBSSxDQUFDSCxVQUFVO0VBQ25DckMsS0FBSyxFQUFFbUMsa0JBQVMsQ0FBQ0MsTUFBTSxDQUFDQyxVQUFVO0VBQ2xDcEMsQ0FBQyxFQUFFa0Msa0JBQVMsQ0FBQ0MsTUFBTSxDQUFDQyxVQUFVO0VBQzlCbkMsQ0FBQyxFQUFFaUMsa0JBQVMsQ0FBQ0MsTUFBTSxDQUFDQyxVQUFVO0VBQzlCbEMsWUFBWSxFQUFFZ0Msa0JBQVMsQ0FBQ0csTUFBTTtFQUM5QjlDLFdBQVcsRUFBRTJDLGtCQUFTLENBQUNDLE1BQU07RUFDN0JoQyxLQUFLLEVBQUUrQixrQkFBUyxDQUFDQyxNQUFNO0VBQ3ZCdEMsb0JBQW9CLEVBQUVxQyxrQkFBUyxDQUFDRyxNQUFNO0VBQ3RDakQsYUFBYSxFQUFFOEMsa0JBQVMsQ0FBQ0ssSUFBSSxDQUFDSCxVQUFVO0VBQ3hDOUMsa0JBQWtCLEVBQUU0QyxrQkFBUyxDQUFDSyxJQUFJLENBQUNIO0FBQ3JDLENBQUM7QUFFRHJFLGFBQWEsQ0FBQzBFLFlBQVksR0FBRztFQUMzQnRELFNBQVMsRUFBRSxLQUFLO0VBQ2hCZSxZQUFZLEVBQUUsSUFBSTtFQUNsQlgsV0FBVyxFQUFFLENBQUM7RUFDZFksS0FBSyxFQUFFO0FBQ1QsQ0FBQztBQUFDLElBQUF1QyxRQUFBLEdBQUFDLE9BQUEsQ0FBQXRFLE9BQUEsR0FFYU4sYUFBYSIsImlnbm9yZUxpc3QiOltdfQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hotspot/rectangle.jsx"],"names":["RectComponent","props","e","onClick","id","selected","disabled","cancelBubble","selector","document","body","style","cursor","setState","hovered","isCorrect","markAsCorrect","outlineColor","showCorrectEnabled","strokeWidth","state","classes","height","hotspotColor","hoverOutlineColor","selectedHotspotColor","isEvaluateMode","width","x","y","evaluateText","scale","outlineColorParsed","getEvaluateOutlineColor","outlineWidth","getOutlineWidth","iconX","iconY","iconSrc","faCorrect","faWrong","useHoveredStyle","base","handleClick","handleMouseLeave","handleMouseEnter","React","Component","styles","opacity","position","propTypes","PropTypes","object","isRequired","number","string","oneOfType","bool","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Rect, Group } from 'react-konva';\nimport { withStyles } from '@material-ui/core/styles';\nimport ImageComponent from './image-konva-tooltip';\nimport { faCorrect, faWrong } from './icons';\n\nclass RectComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n hovered: false,\n };\n }\n\n handleClick = (e) => {\n const { onClick, id, selected, disabled } = this.props;\n\n if (!disabled) {\n e.cancelBubble = true;\n onClick({ id, selected: !selected, selector: 'Mouse' });\n }\n };\n\n handleMouseEnter = () => {\n const { disabled } = this.props;\n\n if (!disabled) {\n document.body.style.cursor = 'pointer';\n }\n this.setState({ hovered: true });\n };\n\n handleMouseLeave = () => {\n document.body.style.cursor = 'default';\n this.setState({ hovered: false });\n };\n\n getEvaluateOutlineColor = (isCorrect, markAsCorrect, outlineColor) =>\n markAsCorrect ? 'green' : isCorrect ? outlineColor : 'red';\n\n getOutlineWidth = (showCorrectEnabled, selected, markAsCorrect, strokeWidth) =>\n markAsCorrect || (!markAsCorrect && !showCorrectEnabled && selected) ? strokeWidth : 0;\n\n render() {\n const {\n classes,\n height,\n hotspotColor,\n hoverOutlineColor,\n selectedHotspotColor,\n isCorrect,\n isEvaluateMode,\n outlineColor,\n selected,\n width,\n x,\n y,\n evaluateText,\n strokeWidth,\n scale,\n markAsCorrect,\n showCorrectEnabled,\n } = this.props;\n\n const outlineColorParsed = isEvaluateMode\n ? this.getEvaluateOutlineColor(isCorrect, markAsCorrect, outlineColor)\n : outlineColor;\n\n const outlineWidth = this.getOutlineWidth(showCorrectEnabled, selected, markAsCorrect, strokeWidth);\n\n const iconX = x + width / 2 - 10;\n const iconY = y + height / 2 - 10;\n\n // \"Show Correct Answer\" Enabled:\n // - Correctly Selected: white checkmark in green circle\n // - Correctly Not Selected: none\n // - Incorrectly Selected: none\n // - Incorrectly Not Selected: white checkmark in green circle\n // \"Show Correct Answer\" Disabled:\n // - Correctly Selected:\n // - white checkmark in green circle\n // - heavy outline, as on “Gather”\n // - Correctly Not Selected: none\n // - Incorrectly Selected:\n // - white \"X\" in red circle\n // - heavy outline around the selection should appear in red\n // - Incorrectly Not Selected: white \"X\" in red circle\n let iconSrc;\n\n if (showCorrectEnabled) {\n if ((selected && isCorrect) || (!selected && !isCorrect)) {\n iconSrc = faCorrect;\n }\n } else {\n if (selected) {\n if (isCorrect) {\n iconSrc = faCorrect;\n } else {\n iconSrc = faWrong;\n }\n } else if (!isCorrect) {\n iconSrc = faWrong;\n }\n }\n\n const { hovered } = this.state;\n const useHoveredStyle = hovered && hoverOutlineColor;\n\n return (\n <Group scaleX={scale} scaleY={scale}>\n {useHoveredStyle && (\n <Rect\n x={x}\n y={y}\n width={width}\n height={height}\n stroke={selected ? 'transparent' : hoverOutlineColor}\n strokeWidth={strokeWidth}\n listening={false}\n />\n )}\n <Rect\n classes={classes.base}\n width={width}\n height={height}\n fill={selected && selectedHotspotColor ? selectedHotspotColor : hotspotColor}\n onClick={this.handleClick}\n onTap={this.handleClick}\n draggable={false}\n stroke={useHoveredStyle && !selected ? 'transparent' : outlineColorParsed}\n strokeWidth={useHoveredStyle && !selected ? 0 : outlineWidth}\n onMouseLeave={this.handleMouseLeave}\n onMouseEnter={this.handleMouseEnter}\n x={x}\n y={y}\n />\n {isEvaluateMode && iconSrc ? <ImageComponent src={iconSrc} x={iconX} y={iconY} tooltip={evaluateText} /> : null}\n </Group>\n );\n }\n}\n\nconst styles = () => ({\n base: {\n cursor: 'pointer',\n opacity: 0.5,\n position: 'relative',\n },\n});\n\nRectComponent.propTypes = {\n classes: PropTypes.object.isRequired,\n height: PropTypes.number.isRequired,\n hotspotColor: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n isCorrect: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n isEvaluateMode: PropTypes.bool.isRequired,\n hoverOutlineColor: PropTypes.string,\n disabled: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired,\n outlineColor: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n width: PropTypes.number.isRequired,\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n evaluateText: PropTypes.string,\n strokeWidth: PropTypes.number,\n scale: PropTypes.number,\n selectedHotspotColor: PropTypes.string,\n markAsCorrect: PropTypes.bool.isRequired,\n showCorrectEnabled: PropTypes.bool.isRequired,\n};\n\nRectComponent.defaultProps = {\n isCorrect: false,\n evaluateText: null,\n strokeWidth: 5,\n scale: 1,\n};\n\nexport default withStyles(styles)(RectComponent);\n"],"file":"rectangle.js"}
|
|
1
|
+
{"version":3,"file":"rectangle.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_imageKonvaTooltip","_icons","RectComponent","React","Component","constructor","props","_defineProperty2","default","e","onClick","id","selected","disabled","cancelBubble","selector","document","body","style","cursor","setState","hovered","isCorrect","markAsCorrect","outlineColor","showCorrectEnabled","strokeWidth","state","render","height","hotspotColor","hoverOutlineColor","selectedHotspotColor","isEvaluateMode","width","x","y","evaluateText","scale","outlineColorParsed","getEvaluateOutlineColor","outlineWidth","getOutlineWidth","iconX","iconY","iconSrc","faCorrect","faWrong","useHoveredStyle","createElement","Group","scaleX","scaleY","Rect","stroke","listening","fill","handleClick","onTap","draggable","onMouseLeave","handleMouseLeave","onMouseEnter","handleMouseEnter","opacity","position","src","tooltip","propTypes","PropTypes","number","isRequired","string","oneOfType","bool","func","defaultProps","_default","exports"],"sources":["../../src/hotspot/rectangle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Rect, Group } from 'react-konva';\nimport ImageComponent from './image-konva-tooltip';\nimport { faCorrect, faWrong } from './icons';\n\nclass RectComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n hovered: false,\n };\n }\n\n handleClick = (e) => {\n const { onClick, id, selected, disabled } = this.props;\n\n if (!disabled) {\n e.cancelBubble = true;\n onClick({ id, selected: !selected, selector: 'Mouse' });\n }\n };\n\n handleMouseEnter = () => {\n const { disabled } = this.props;\n\n if (!disabled) {\n document.body.style.cursor = 'pointer';\n }\n this.setState({ hovered: true });\n };\n\n handleMouseLeave = () => {\n document.body.style.cursor = 'default';\n this.setState({ hovered: false });\n };\n\n getEvaluateOutlineColor = (isCorrect, markAsCorrect, outlineColor) =>\n markAsCorrect ? 'green' : isCorrect ? outlineColor : 'red';\n\n getOutlineWidth = (showCorrectEnabled, selected, markAsCorrect, strokeWidth) =>\n markAsCorrect || (!markAsCorrect && !showCorrectEnabled && selected) ? strokeWidth : 0;\n\n render() {\n const {\n height,\n hotspotColor,\n hoverOutlineColor,\n selectedHotspotColor,\n isCorrect,\n isEvaluateMode,\n outlineColor,\n selected,\n width,\n x,\n y,\n evaluateText,\n strokeWidth,\n scale,\n markAsCorrect,\n showCorrectEnabled,\n } = this.props;\n\n const outlineColorParsed = isEvaluateMode\n ? this.getEvaluateOutlineColor(isCorrect, markAsCorrect, outlineColor)\n : outlineColor;\n\n const outlineWidth = this.getOutlineWidth(showCorrectEnabled, selected, markAsCorrect, strokeWidth);\n\n const iconX = x + width / 2 - 10;\n const iconY = y + height / 2 - 10;\n\n // \"Show Correct Answer\" Enabled:\n // - Correctly Selected: white checkmark in green circle\n // - Correctly Not Selected: none\n // - Incorrectly Selected: none\n // - Incorrectly Not Selected: white checkmark in green circle\n // \"Show Correct Answer\" Disabled:\n // - Correctly Selected:\n // - white checkmark in green circle\n // - heavy outline, as on “Gather”\n // - Correctly Not Selected: none\n // - Incorrectly Selected:\n // - white \"X\" in red circle\n // - heavy outline around the selection should appear in red\n // - Incorrectly Not Selected: white \"X\" in red circle\n let iconSrc;\n\n if (showCorrectEnabled) {\n if ((selected && isCorrect) || (!selected && !isCorrect)) {\n iconSrc = faCorrect;\n }\n } else {\n if (selected) {\n if (isCorrect) {\n iconSrc = faCorrect;\n } else {\n iconSrc = faWrong;\n }\n } else if (!isCorrect) {\n iconSrc = faWrong;\n }\n }\n\n const { hovered } = this.state;\n const useHoveredStyle = hovered && hoverOutlineColor;\n\n return (\n <Group scaleX={scale} scaleY={scale}>\n {useHoveredStyle && (\n <Rect\n x={x}\n y={y}\n width={width}\n height={height}\n stroke={selected ? 'transparent' : hoverOutlineColor}\n strokeWidth={strokeWidth}\n listening={false}\n />\n )}\n <Rect\n width={width}\n height={height}\n fill={selected && selectedHotspotColor ? selectedHotspotColor : hotspotColor}\n onClick={this.handleClick}\n onTap={this.handleClick}\n draggable={false}\n stroke={useHoveredStyle && !selected ? 'transparent' : outlineColorParsed}\n strokeWidth={useHoveredStyle && !selected ? 0 : outlineWidth}\n onMouseLeave={this.handleMouseLeave}\n onMouseEnter={this.handleMouseEnter}\n x={x}\n y={y}\n opacity={0.5}\n cursor=\"pointer\"\n position=\"relative\"\n />\n {isEvaluateMode && iconSrc ? <ImageComponent src={iconSrc} x={iconX} y={iconY} tooltip={evaluateText} /> : null}\n </Group>\n );\n }\n}\n\nRectComponent.propTypes = {\n height: PropTypes.number.isRequired,\n hotspotColor: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n isCorrect: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n isEvaluateMode: PropTypes.bool.isRequired,\n hoverOutlineColor: PropTypes.string,\n disabled: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired,\n outlineColor: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n width: PropTypes.number.isRequired,\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n evaluateText: PropTypes.string,\n strokeWidth: PropTypes.number,\n scale: PropTypes.number,\n selectedHotspotColor: PropTypes.string,\n markAsCorrect: PropTypes.bool.isRequired,\n showCorrectEnabled: PropTypes.bool.isRequired,\n};\n\nRectComponent.defaultProps = {\n isCorrect: false,\n evaluateText: null,\n strokeWidth: 5,\n scale: 1,\n};\n\nexport default RectComponent;\n"],"mappings":"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","ignoreList":[]}
|