@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.
Files changed (117) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/configure/CHANGELOG.md +66 -0
  3. package/configure/lib/DeleteWidget.js +31 -44
  4. package/configure/lib/DeleteWidget.js.map +1 -1
  5. package/configure/lib/__tests__/DeleteWidget.test.js +60 -0
  6. package/configure/lib/__tests__/hotspot-container.test.js +377 -0
  7. package/configure/lib/__tests__/hotspot-drawable.test.js +233 -0
  8. package/configure/lib/__tests__/index.test.js +211 -0
  9. package/configure/lib/__tests__/root.test.js +440 -0
  10. package/configure/lib/__tests__/utils.test.js +287 -0
  11. package/configure/lib/button.js +27 -46
  12. package/configure/lib/button.js.map +1 -1
  13. package/configure/lib/buttons/circle.js +21 -28
  14. package/configure/lib/buttons/circle.js.map +1 -1
  15. package/configure/lib/buttons/polygon.js +27 -34
  16. package/configure/lib/buttons/polygon.js.map +1 -1
  17. package/configure/lib/buttons/rectangle.js +27 -34
  18. package/configure/lib/buttons/rectangle.js.map +1 -1
  19. package/configure/lib/defaults.js +3 -4
  20. package/configure/lib/defaults.js.map +1 -1
  21. package/configure/lib/hotspot-circle.js +133 -199
  22. package/configure/lib/hotspot-circle.js.map +1 -1
  23. package/configure/lib/hotspot-container.js +251 -356
  24. package/configure/lib/hotspot-container.js.map +1 -1
  25. package/configure/lib/hotspot-drawable.js +361 -473
  26. package/configure/lib/hotspot-drawable.js.map +1 -1
  27. package/configure/lib/hotspot-palette.js +93 -140
  28. package/configure/lib/hotspot-palette.js.map +1 -1
  29. package/configure/lib/hotspot-polygon.js +213 -318
  30. package/configure/lib/hotspot-polygon.js.map +1 -1
  31. package/configure/lib/hotspot-rectangle.js +129 -193
  32. package/configure/lib/hotspot-rectangle.js.map +1 -1
  33. package/configure/lib/icons.js +1 -1
  34. package/configure/lib/icons.js.map +1 -1
  35. package/configure/lib/image-konva.js +47 -87
  36. package/configure/lib/image-konva.js.map +1 -1
  37. package/configure/lib/index.js +163 -223
  38. package/configure/lib/index.js.map +1 -1
  39. package/configure/lib/root.js +302 -394
  40. package/configure/lib/root.js.map +1 -1
  41. package/configure/lib/shapes/circle.js +70 -102
  42. package/configure/lib/shapes/circle.js.map +1 -1
  43. package/configure/lib/shapes/index.js +5 -13
  44. package/configure/lib/shapes/index.js.map +1 -1
  45. package/configure/lib/shapes/polygon.js +65 -97
  46. package/configure/lib/shapes/polygon.js.map +1 -1
  47. package/configure/lib/shapes/rectagle.js +70 -102
  48. package/configure/lib/shapes/rectagle.js.map +1 -1
  49. package/configure/lib/shapes/utils.js +3 -9
  50. package/configure/lib/shapes/utils.js.map +1 -1
  51. package/configure/lib/upload-control.js +26 -53
  52. package/configure/lib/upload-control.js.map +1 -1
  53. package/configure/lib/utils.js +85 -138
  54. package/configure/lib/utils.js.map +1 -1
  55. package/configure/package.json +11 -10
  56. package/configure/src/__tests__/index.test.js +11 -5
  57. package/configure/src/button.jsx +12 -20
  58. package/configure/src/hotspot-circle.jsx +5 -18
  59. package/configure/src/hotspot-container.jsx +82 -98
  60. package/configure/src/hotspot-drawable.jsx +43 -45
  61. package/configure/src/hotspot-palette.jsx +45 -37
  62. package/configure/src/hotspot-polygon.jsx +4 -20
  63. package/configure/src/hotspot-rectangle.jsx +4 -17
  64. package/configure/src/index.js +12 -2
  65. package/configure/src/root.jsx +85 -79
  66. package/configure/src/upload-control.jsx +6 -16
  67. package/controller/CHANGELOG.md +52 -0
  68. package/controller/lib/__tests__/index.test.js +586 -0
  69. package/controller/lib/__tests__/utils.test.js +8 -0
  70. package/controller/lib/defaults.js +3 -4
  71. package/controller/lib/defaults.js.map +1 -1
  72. package/controller/lib/index.js +152 -206
  73. package/controller/lib/index.js.map +1 -1
  74. package/controller/lib/utils.js +15 -35
  75. package/controller/lib/utils.js.map +1 -1
  76. package/controller/package.json +2 -2
  77. package/docs/demo/pie.manifest.json +11 -0
  78. package/lib/__tests__/container.test.js +221 -0
  79. package/lib/__tests__/index.test.js +113 -0
  80. package/lib/__tests__/polygon.test.js +245 -0
  81. package/lib/__tests__/rectangle.test.js +236 -0
  82. package/lib/__tests__/session-updater.test.js +69 -0
  83. package/lib/hotspot/circle.js +111 -170
  84. package/lib/hotspot/circle.js.map +1 -1
  85. package/lib/hotspot/container.js +175 -261
  86. package/lib/hotspot/container.js.map +1 -1
  87. package/lib/hotspot/icons.js +1 -1
  88. package/lib/hotspot/icons.js.map +1 -1
  89. package/lib/hotspot/image-konva-tooltip.js +66 -113
  90. package/lib/hotspot/image-konva-tooltip.js.map +1 -1
  91. package/lib/hotspot/index.js +136 -199
  92. package/lib/hotspot/index.js.map +1 -1
  93. package/lib/hotspot/polygon.js +151 -215
  94. package/lib/hotspot/polygon.js.map +1 -1
  95. package/lib/hotspot/rectangle.js +130 -186
  96. package/lib/hotspot/rectangle.js.map +1 -1
  97. package/lib/index.js +188 -257
  98. package/lib/index.js.map +1 -1
  99. package/lib/session-updater.js +13 -19
  100. package/lib/session-updater.js.map +1 -1
  101. package/package.json +14 -11
  102. package/src/hotspot/circle.jsx +2 -13
  103. package/src/hotspot/container.jsx +35 -50
  104. package/src/hotspot/index.jsx +16 -28
  105. package/src/hotspot/polygon.jsx +4 -13
  106. package/src/hotspot/rectangle.jsx +4 -13
  107. package/src/index.js +21 -12
  108. package/LICENSE.md +0 -5
  109. package/configure/node_modules/debug/CHANGELOG.md +0 -395
  110. package/configure/node_modules/debug/LICENSE +0 -19
  111. package/configure/node_modules/debug/README.md +0 -437
  112. package/configure/node_modules/debug/node.js +0 -1
  113. package/configure/node_modules/debug/package.json +0 -51
  114. package/configure/node_modules/debug/src/browser.js +0 -180
  115. package/configure/node_modules/debug/src/common.js +0 -249
  116. package/configure/node_modules/debug/src/index.js +0 -12
  117. package/configure/node_modules/debug/src/node.js +0 -177
@@ -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["default"] = void 0;
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
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
37
-
38
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
-
40
- var RectComponent = /*#__PURE__*/function (_React$Component) {
41
- (0, _inherits2["default"])(RectComponent, _React$Component);
42
-
43
- var _super = _createSuper(RectComponent);
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: id,
27
+ id,
61
28
  selected: !selected,
62
29
  selector: 'Mouse'
63
30
  });
64
31
  }
65
32
  });
66
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
67
- var disabled = _this.props.disabled;
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["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
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["default"])((0, _assertThisInitialized2["default"])(_this), "getEvaluateOutlineColor", function (isCorrect, markAsCorrect, outlineColor) {
85
- return markAsCorrect ? 'green' : isCorrect ? outlineColor : 'red';
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
- (0, _createClass2["default"])(RectComponent, [{
97
- key: "render",
98
- value: function render() {
99
- var _this$props2 = this.props,
100
- classes = _this$props2.classes,
101
- height = _this$props2.height,
102
- hotspotColor = _this$props2.hotspotColor,
103
- hoverOutlineColor = _this$props2.hoverOutlineColor,
104
- selectedHotspotColor = _this$props2.selectedHotspotColor,
105
- isCorrect = _this$props2.isCorrect,
106
- isEvaluateMode = _this$props2.isEvaluateMode,
107
- outlineColor = _this$props2.outlineColor,
108
- selected = _this$props2.selected,
109
- width = _this$props2.width,
110
- x = _this$props2.x,
111
- y = _this$props2.y,
112
- evaluateText = _this$props2.evaluateText,
113
- strokeWidth = _this$props2.strokeWidth,
114
- scale = _this$props2.scale,
115
- markAsCorrect = _this$props2.markAsCorrect,
116
- showCorrectEnabled = _this$props2.showCorrectEnabled;
117
- var outlineColorParsed = isEvaluateMode ? this.getEvaluateOutlineColor(isCorrect, markAsCorrect, outlineColor) : outlineColor;
118
- var outlineWidth = this.getOutlineWidth(showCorrectEnabled, selected, markAsCorrect, strokeWidth);
119
- var iconX = x + width / 2 - 10;
120
- var iconY = y + height / 2 - 10; // "Show Correct Answer" Enabled:
121
- // - Correctly Selected: white checkmark in green circle
122
- // - Correctly Not Selected: none
123
- // - Incorrectly Selected: none
124
- // - Incorrectly Not Selected: white checkmark in green circle
125
- // "Show Correct Answer" Disabled:
126
- // - Correctly Selected:
127
- // - white checkmark in green circle
128
- // - heavy outline, as on “Gather”
129
- // - Correctly Not Selected: none
130
- // - Incorrectly Selected:
131
- // - white "X" in red circle
132
- // - heavy outline around the selection should appear in red
133
- // - Incorrectly Not Selected: white "X" in red circle
134
-
135
- var iconSrc;
136
-
137
- if (showCorrectEnabled) {
138
- if (selected && isCorrect || !selected && !isCorrect) {
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
- return RectComponent;
189
- }(_react["default"].Component);
190
-
191
- var styles = function styles() {
192
- return {
193
- base: {
194
- cursor: 'pointer',
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
- position: 'relative'
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
- classes: _propTypes["default"].object.isRequired,
203
- height: _propTypes["default"].number.isRequired,
204
- hotspotColor: _propTypes["default"].string.isRequired,
205
- id: _propTypes["default"].string.isRequired,
206
- isCorrect: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].string]),
207
- isEvaluateMode: _propTypes["default"].bool.isRequired,
208
- hoverOutlineColor: _propTypes["default"].string,
209
- disabled: _propTypes["default"].bool.isRequired,
210
- onClick: _propTypes["default"].func.isRequired,
211
- outlineColor: _propTypes["default"].string.isRequired,
212
- selected: _propTypes["default"].bool.isRequired,
213
- width: _propTypes["default"].number.isRequired,
214
- x: _propTypes["default"].number.isRequired,
215
- y: _propTypes["default"].number.isRequired,
216
- evaluateText: _propTypes["default"].string,
217
- strokeWidth: _propTypes["default"].number,
218
- scale: _propTypes["default"].number,
219
- selectedHotspotColor: _propTypes["default"].string,
220
- markAsCorrect: _propTypes["default"].bool.isRequired,
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":[]}