@pie-element/hotspot 11.1.1 → 11.1.2-next.1

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 (234) hide show
  1. package/configure.js +2 -0
  2. package/controller.js +1 -0
  3. package/dist/author/DeleteWidget.d.ts +38 -0
  4. package/dist/author/DeleteWidget.js +46 -0
  5. package/dist/author/button.d.ts +31 -0
  6. package/dist/author/button.js +27 -0
  7. package/dist/author/buttons/circle.d.ts +18 -0
  8. package/dist/author/buttons/circle.js +25 -0
  9. package/dist/author/buttons/polygon.d.ts +18 -0
  10. package/dist/author/buttons/polygon.js +36 -0
  11. package/dist/author/buttons/rectangle.d.ts +18 -0
  12. package/dist/author/buttons/rectangle.js +36 -0
  13. package/dist/author/defaults.d.ts +157 -0
  14. package/dist/author/defaults.js +119 -0
  15. package/dist/author/hotspot-circle.d.ts +21 -0
  16. package/dist/author/hotspot-circle.js +124 -0
  17. package/dist/author/hotspot-container.d.ts +29 -0
  18. package/dist/author/hotspot-container.js +210 -0
  19. package/dist/author/hotspot-drawable.d.ts +31 -0
  20. package/dist/author/hotspot-drawable.js +312 -0
  21. package/dist/author/hotspot-palette.d.ts +14 -0
  22. package/dist/author/hotspot-palette.js +72 -0
  23. package/dist/author/hotspot-polygon.d.ts +38 -0
  24. package/dist/author/hotspot-polygon.js +200 -0
  25. package/dist/author/hotspot-rectangle.d.ts +20 -0
  26. package/dist/author/hotspot-rectangle.js +119 -0
  27. package/dist/author/icons.d.ts +9 -0
  28. package/dist/author/icons.js +4 -0
  29. package/dist/author/image-konva.d.ts +19 -0
  30. package/dist/author/image-konva.js +49 -0
  31. package/dist/author/index.d.ts +52 -0
  32. package/dist/author/index.js +143 -0
  33. package/dist/author/root.d.ts +15 -0
  34. package/dist/author/root.js +215 -0
  35. package/dist/author/shapes/circle.d.ts +18 -0
  36. package/dist/author/shapes/circle.js +47 -0
  37. package/dist/author/shapes/index.d.ts +12 -0
  38. package/dist/author/shapes/polygon.d.ts +19 -0
  39. package/dist/author/shapes/polygon.js +51 -0
  40. package/dist/author/shapes/rectagle.d.ts +18 -0
  41. package/dist/author/shapes/rectagle.js +57 -0
  42. package/dist/author/shapes/utils.d.ts +19 -0
  43. package/dist/author/shapes/utils.js +16 -0
  44. package/dist/author/upload-control.d.ts +29 -0
  45. package/dist/author/upload-control.js +28 -0
  46. package/dist/author/utils.d.ts +24 -0
  47. package/dist/author/utils.js +83 -0
  48. package/dist/browser/ReactKonva-Z9-1H-UZ.js +19329 -0
  49. package/dist/browser/ReactKonva-Z9-1H-UZ.js.map +1 -0
  50. package/dist/browser/author/index.js +41646 -0
  51. package/dist/browser/author/index.js.map +1 -0
  52. package/dist/browser/browser-CfnAFove.js +219 -0
  53. package/dist/browser/browser-CfnAFove.js.map +1 -0
  54. package/dist/browser/controller/index.js +198 -0
  55. package/dist/browser/controller/index.js.map +1 -0
  56. package/dist/browser/delivery/index.js +2460 -0
  57. package/dist/browser/delivery/index.js.map +1 -0
  58. package/dist/browser/dist-C78LDz6R.js +96 -0
  59. package/dist/browser/dist-C78LDz6R.js.map +1 -0
  60. package/dist/browser/hotspot.css +2 -0
  61. package/dist/controller/defaults.d.ts +35 -0
  62. package/dist/controller/defaults.js +29 -0
  63. package/dist/controller/index.d.ts +22 -0
  64. package/dist/controller/index.js +154 -0
  65. package/dist/controller/utils.d.ts +10 -0
  66. package/dist/controller/utils.js +12 -0
  67. package/dist/delivery/hotspot/circle.d.ts +19 -0
  68. package/dist/delivery/hotspot/circle.js +100 -0
  69. package/dist/delivery/hotspot/container.d.ts +16 -0
  70. package/dist/delivery/hotspot/container.js +150 -0
  71. package/dist/delivery/hotspot/icons.d.ts +10 -0
  72. package/dist/delivery/hotspot/icons.js +4 -0
  73. package/dist/delivery/hotspot/image-konva-tooltip.d.ts +19 -0
  74. package/dist/delivery/hotspot/image-konva-tooltip.js +66 -0
  75. package/dist/delivery/hotspot/index.d.ts +17 -0
  76. package/dist/delivery/hotspot/index.js +114 -0
  77. package/dist/delivery/hotspot/polygon.d.ts +21 -0
  78. package/dist/delivery/hotspot/polygon.js +108 -0
  79. package/dist/delivery/hotspot/rectangle.d.ts +19 -0
  80. package/dist/delivery/hotspot/rectangle.js +104 -0
  81. package/dist/delivery/index.d.ts +20 -0
  82. package/dist/delivery/index.js +107 -0
  83. package/dist/delivery/session-updater.d.ts +10 -0
  84. package/dist/delivery/session-updater.js +14 -0
  85. package/dist/index.d.ts +1 -0
  86. package/dist/index.iife.d.ts +8 -0
  87. package/dist/index.iife.js +169 -0
  88. package/dist/index.js +2 -0
  89. package/dist/runtime-support.d.ts +12 -0
  90. package/dist/runtime-support.js +12 -0
  91. package/package.json +84 -18
  92. package/CHANGELOG.json +0 -997
  93. package/CHANGELOG.md +0 -2214
  94. package/LICENSE.md +0 -5
  95. package/README.md +0 -1
  96. package/configure/CHANGELOG.json +0 -682
  97. package/configure/CHANGELOG.md +0 -1951
  98. package/configure/lib/DeleteWidget.js +0 -64
  99. package/configure/lib/DeleteWidget.js.map +0 -1
  100. package/configure/lib/button.js +0 -42
  101. package/configure/lib/button.js.map +0 -1
  102. package/configure/lib/buttons/circle.js +0 -33
  103. package/configure/lib/buttons/circle.js.map +0 -1
  104. package/configure/lib/buttons/polygon.js +0 -39
  105. package/configure/lib/buttons/polygon.js.map +0 -1
  106. package/configure/lib/buttons/rectangle.js +0 -39
  107. package/configure/lib/buttons/rectangle.js.map +0 -1
  108. package/configure/lib/defaults.js +0 -155
  109. package/configure/lib/defaults.js.map +0 -1
  110. package/configure/lib/hotspot-circle.js +0 -192
  111. package/configure/lib/hotspot-circle.js.map +0 -1
  112. package/configure/lib/hotspot-container.js +0 -320
  113. package/configure/lib/hotspot-container.js.map +0 -1
  114. package/configure/lib/hotspot-drawable.js +0 -519
  115. package/configure/lib/hotspot-drawable.js.map +0 -1
  116. package/configure/lib/hotspot-palette.js +0 -107
  117. package/configure/lib/hotspot-palette.js.map +0 -1
  118. package/configure/lib/hotspot-polygon.js +0 -293
  119. package/configure/lib/hotspot-polygon.js.map +0 -1
  120. package/configure/lib/hotspot-rectangle.js +0 -190
  121. package/configure/lib/hotspot-rectangle.js.map +0 -1
  122. package/configure/lib/icons.js +0 -7
  123. package/configure/lib/icons.js.map +0 -1
  124. package/configure/lib/image-konva.js +0 -66
  125. package/configure/lib/image-konva.js.map +0 -1
  126. package/configure/lib/index.js +0 -194
  127. package/configure/lib/index.js.map +0 -1
  128. package/configure/lib/root.js +0 -330
  129. package/configure/lib/root.js.map +0 -1
  130. package/configure/lib/shapes/circle.js +0 -84
  131. package/configure/lib/shapes/circle.js.map +0 -1
  132. package/configure/lib/shapes/index.js +0 -50
  133. package/configure/lib/shapes/index.js.map +0 -1
  134. package/configure/lib/shapes/polygon.js +0 -82
  135. package/configure/lib/shapes/polygon.js.map +0 -1
  136. package/configure/lib/shapes/rectagle.js +0 -84
  137. package/configure/lib/shapes/rectagle.js.map +0 -1
  138. package/configure/lib/shapes/utils.js +0 -21
  139. package/configure/lib/shapes/utils.js.map +0 -1
  140. package/configure/lib/upload-control.js +0 -41
  141. package/configure/lib/upload-control.js.map +0 -1
  142. package/configure/lib/utils.js +0 -185
  143. package/configure/lib/utils.js.map +0 -1
  144. package/configure/package.json +0 -26
  145. package/configure/src/DeleteWidget.jsx +0 -51
  146. package/configure/src/__tests__/DeleteWidget.test.jsx +0 -366
  147. package/configure/src/__tests__/button.test.jsx +0 -198
  148. package/configure/src/__tests__/hotspot-circle.test.jsx +0 -259
  149. package/configure/src/__tests__/hotspot-container.test.js +0 -366
  150. package/configure/src/__tests__/hotspot-drawable.test.js +0 -271
  151. package/configure/src/__tests__/hotspot-palette.test.jsx +0 -71
  152. package/configure/src/__tests__/image-konva.test.jsx +0 -226
  153. package/configure/src/__tests__/index.test.js +0 -329
  154. package/configure/src/__tests__/root.test.js +0 -400
  155. package/configure/src/__tests__/utils.test.js +0 -241
  156. package/configure/src/button.jsx +0 -35
  157. package/configure/src/buttons/circle.jsx +0 -18
  158. package/configure/src/buttons/polygon.jsx +0 -29
  159. package/configure/src/buttons/rectangle.jsx +0 -29
  160. package/configure/src/defaults.js +0 -109
  161. package/configure/src/hotspot-circle.jsx +0 -183
  162. package/configure/src/hotspot-container.jsx +0 -330
  163. package/configure/src/hotspot-drawable.jsx +0 -527
  164. package/configure/src/hotspot-palette.jsx +0 -90
  165. package/configure/src/hotspot-polygon.jsx +0 -294
  166. package/configure/src/hotspot-rectangle.jsx +0 -169
  167. package/configure/src/icons.js +0 -5
  168. package/configure/src/image-konva.jsx +0 -63
  169. package/configure/src/index.js +0 -208
  170. package/configure/src/root.jsx +0 -346
  171. package/configure/src/shapes/circle.js +0 -81
  172. package/configure/src/shapes/index.js +0 -4
  173. package/configure/src/shapes/polygon.js +0 -81
  174. package/configure/src/shapes/rectagle.js +0 -82
  175. package/configure/src/shapes/utils.js +0 -16
  176. package/configure/src/upload-control.jsx +0 -33
  177. package/configure/src/utils.js +0 -210
  178. package/controller/CHANGELOG.json +0 -362
  179. package/controller/CHANGELOG.md +0 -1304
  180. package/controller/lib/defaults.js +0 -33
  181. package/controller/lib/defaults.js.map +0 -1
  182. package/controller/lib/index.js +0 -341
  183. package/controller/lib/index.js.map +0 -1
  184. package/controller/lib/utils.js +0 -32
  185. package/controller/lib/utils.js.map +0 -1
  186. package/controller/package.json +0 -18
  187. package/controller/src/__tests__/index.test.js +0 -419
  188. package/controller/src/__tests__/utils.test.js +0 -5
  189. package/controller/src/defaults.js +0 -19
  190. package/controller/src/index.js +0 -328
  191. package/controller/src/utils.js +0 -29
  192. package/docs/config-schema.json +0 -2023
  193. package/docs/config-schema.json.md +0 -1495
  194. package/docs/demo/config.js +0 -8
  195. package/docs/demo/generate.js +0 -118
  196. package/docs/demo/index.html +0 -1
  197. package/docs/demo/session.js +0 -11
  198. package/docs/pie-schema.json +0 -1204
  199. package/docs/pie-schema.json.md +0 -851
  200. package/lib/hotspot/circle.js +0 -156
  201. package/lib/hotspot/circle.js.map +0 -1
  202. package/lib/hotspot/container.js +0 -206
  203. package/lib/hotspot/container.js.map +0 -1
  204. package/lib/hotspot/icons.js +0 -8
  205. package/lib/hotspot/icons.js.map +0 -1
  206. package/lib/hotspot/image-konva-tooltip.js +0 -86
  207. package/lib/hotspot/image-konva-tooltip.js.map +0 -1
  208. package/lib/hotspot/index.js +0 -163
  209. package/lib/hotspot/index.js.map +0 -1
  210. package/lib/hotspot/polygon.js +0 -203
  211. package/lib/hotspot/polygon.js.map +0 -1
  212. package/lib/hotspot/rectangle.js +0 -175
  213. package/lib/hotspot/rectangle.js.map +0 -1
  214. package/lib/index.js +0 -213
  215. package/lib/index.js.map +0 -1
  216. package/lib/session-updater.js +0 -42
  217. package/lib/session-updater.js.map +0 -1
  218. package/src/__tests__/container.test.jsx +0 -58
  219. package/src/__tests__/index.test.js +0 -123
  220. package/src/__tests__/session-updater.test.jsx +0 -69
  221. package/src/hotspot/__tests__/circle.test.jsx +0 -464
  222. package/src/hotspot/__tests__/container.test.jsx +0 -546
  223. package/src/hotspot/__tests__/image-konva-tooltip.test.jsx +0 -510
  224. package/src/hotspot/__tests__/polygon.test.jsx +0 -502
  225. package/src/hotspot/__tests__/rectangle.test.jsx +0 -418
  226. package/src/hotspot/circle.jsx +0 -152
  227. package/src/hotspot/container.jsx +0 -217
  228. package/src/hotspot/icons.js +0 -7
  229. package/src/hotspot/image-konva-tooltip.jsx +0 -76
  230. package/src/hotspot/index.jsx +0 -165
  231. package/src/hotspot/polygon.jsx +0 -195
  232. package/src/hotspot/rectangle.jsx +0 -171
  233. package/src/index.js +0 -226
  234. package/src/session-updater.js +0 -29
@@ -1,294 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Group, Line, Circle } from 'react-konva';
4
- import { Rect } from 'react-konva/lib/ReactKonvaCore';
5
- import DeleteWidget from './DeleteWidget';
6
-
7
- const HOVERED_COLOR = '#00BFFF';
8
-
9
- class PolComponent extends React.Component {
10
- static getDerivedStateFromProps(nextProps, prevState) {
11
- const { id, points, imageHeight, imageWidth } = nextProps;
12
- // we execute this code only if image dimensions changed or an hotspot was added/deleted
13
- if (
14
- prevState.imageHeight !== imageHeight ||
15
- prevState.imageWidth !== imageWidth ||
16
- prevState.id !== nextProps.id ||
17
- JSON.stringify(prevState.points) !== JSON.stringify(points)
18
- ) {
19
- const xList = points.map((p) => p.x);
20
- const yList = points.map((p) => p.y);
21
-
22
- const x = Math.min(...xList);
23
- const y = Math.max(...yList);
24
-
25
- return {
26
- id,
27
- x,
28
- y,
29
- points,
30
- imageHeight,
31
- imageWidth,
32
- };
33
- }
34
-
35
- return null;
36
- }
37
-
38
- getOffset = (points) => {
39
- const xList = points.map((p) => p.x);
40
- const yList = points.map((p) => p.y);
41
-
42
- return {
43
- x: Math.min(...xList),
44
- y: Math.max(...yList),
45
- };
46
- };
47
-
48
- serialize = (points) => {
49
- const { x: xOffset, y: yOffset } = this.getOffset(points);
50
-
51
- return points.reduce((acc, point) => [...acc, point.x - xOffset, point.y - yOffset], []);
52
- };
53
-
54
- getInitialState = (points) => {
55
- if (points.length) {
56
- const { x, y } = this.getOffset(points);
57
-
58
- return {
59
- x,
60
- y,
61
- points,
62
- };
63
- }
64
-
65
- return {
66
- id: '',
67
- x: 0,
68
- y: 0,
69
- points: [],
70
- };
71
- };
72
-
73
- state = {
74
- hovered: false,
75
- isDragging: false,
76
- ...this.getInitialState(this.props.points),
77
- };
78
-
79
- handleClick = (e) => {
80
- const { points } = this.props;
81
- const xList = points.map((p) => p.x);
82
- const yList = points.map((p) => p.y);
83
-
84
- const width = Math.max(...xList) - Math.min(...xList);
85
- const height = Math.max(...yList) - Math.min(...yList);
86
-
87
- const { isDrawing, onClick, id } = this.props;
88
-
89
- if (width < 0 && height < 0 && isDrawing) {
90
- return;
91
- }
92
-
93
- if (isDrawing && id === 'newPolygon') {
94
- this.props.addPolygonPoint(e);
95
- return;
96
- }
97
-
98
- e.cancelBubble = true;
99
- onClick(id);
100
- };
101
-
102
- handleMouseEnter = () => {
103
- this.setState({ hovered: true });
104
- document.body.style.cursor = 'pointer';
105
- };
106
-
107
- handleMouseLeave = () => {
108
- this.setState({ hovered: false });
109
- document.body.style.cursor = 'default';
110
- };
111
-
112
- handleOnDragEnd = (e, updateModel = false) => {
113
- const { onDragEnd, id } = this.props;
114
- const points = e.target.points() || this.serialize(this.state.points);
115
-
116
- const newPoints = points.reduce((acc, currentPointCoordinate, index) => {
117
- if (index % 2 === 0 && index + 1 < points.length) {
118
- return [
119
- ...acc,
120
- {
121
- x: currentPointCoordinate + e.target.x(),
122
- y: points[index + 1] + e.target.y(),
123
- },
124
- ];
125
- }
126
-
127
- return acc;
128
- }, []);
129
-
130
- this.setState({
131
- points: newPoints,
132
- ...this.getOffset(newPoints),
133
- isDragging: updateModel ? false : this.state.isDragging,
134
- });
135
-
136
- if (updateModel) {
137
- onDragEnd(id, { points: newPoints });
138
- }
139
- };
140
-
141
- handleOnDragVertex = (e, changedIndex, updateModel) => {
142
- const { onDragEnd, id } = this.props;
143
- const { points } = this.state;
144
-
145
- const newPoints = points.map((point, index) =>
146
- index === changedIndex ? { x: e.target.x(), y: e.target.y() } : point,
147
- );
148
-
149
- this.setState({
150
- points: newPoints,
151
- ...this.getOffset(newPoints),
152
- isDragging: updateModel ? false : this.state.isDragging,
153
- });
154
-
155
- if (updateModel) {
156
- onDragEnd(id, { points: newPoints });
157
- }
158
- };
159
-
160
- onDragStart = () => {
161
- this.setState({ isDragging: true });
162
- };
163
-
164
- handleDelete = (id) => {
165
- const { onDeleteShape } = this.props;
166
- onDeleteShape(id);
167
- };
168
-
169
- // serialize(points) {
170
- // return points.reduce((acc, point) => [...acc, point.x, point.y], []);
171
- // }
172
-
173
- getBoundingBox(points) {
174
- const xValues = points.map((point) => point.x);
175
- const yValues = points.map((point) => point.y);
176
- const minX = Math.min(...xValues);
177
- const maxX = Math.max(...xValues);
178
- const minY = Math.min(...yValues);
179
- const maxY = Math.max(...yValues);
180
- return {
181
- x: minX,
182
- y: minY,
183
- width: maxX - minX,
184
- height: maxY - minY,
185
- };
186
- }
187
-
188
- render() {
189
- const {
190
- correct,
191
- id,
192
- hotspotColor,
193
- outlineColor,
194
- selectedHotspotColor,
195
- hoverOutlineColor,
196
- strokeWidth = 5,
197
- } = this.props;
198
-
199
- const { points, x, y, hovered } = this.state;
200
- const isInProgress = id === 'newPolygon';
201
- const showPoints = hovered || id === 'newPolygon';
202
-
203
- const calculatedStrokeWidth = correct ? strokeWidth : hovered ? 1 : 0;
204
- const calculatedStroke = correct ? outlineColor : hovered ? HOVERED_COLOR : '';
205
- const boundingBox = this.getBoundingBox(points);
206
- const calculatedFill = correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor;
207
-
208
- return (
209
- <Group onMouseLeave={this.handleMouseLeave} onMouseEnter={this.handleMouseEnter}>
210
- {hoverOutlineColor && hovered && (
211
- <Rect
212
- x={boundingBox.x}
213
- y={boundingBox.y}
214
- width={boundingBox.width}
215
- height={boundingBox.height}
216
- stroke={hoverOutlineColor}
217
- strokeWidth={2}
218
- listening={false}
219
- />
220
- )}
221
- <Line
222
- points={this.serialize(points)}
223
- closed={!isInProgress}
224
- fill={isInProgress ? 'transparent' : calculatedFill}
225
- onClick={this.handleClick}
226
- onTap={this.handleClick}
227
- draggable
228
- stroke={isInProgress ? outlineColor : calculatedStroke}
229
- strokeWidth={isInProgress ? 1 : calculatedStrokeWidth}
230
- onDragStart={this.onDragStart}
231
- onDragMove={this.handleOnDragEnd}
232
- onDragEnd={(e) => this.handleOnDragEnd(e, true)}
233
- x={x}
234
- y={y}
235
- />
236
-
237
- {showPoints &&
238
- points.map((point, index) => (
239
- <Circle
240
- key={index}
241
- x={point.x}
242
- y={point.y}
243
- radius={5}
244
- fill={index === 0 && id === 'newPolygon' ? 'blue' : 'white'}
245
- stroke={HOVERED_COLOR}
246
- strokeWidth={1}
247
- onClick={this.handleClick}
248
- onDragStart={this.onDragStart}
249
- onDragMove={(e) => {
250
- this.handleOnDragVertex(e, index);
251
- }}
252
- onDragEnd={(e) => {
253
- this.handleOnDragVertex(e, index, true);
254
- }}
255
- draggable
256
- opacity={4}
257
- />
258
- ))}
259
- {!this.state.isDragging && this.state.hovered && (
260
- <DeleteWidget x={x} y={y} id={id} handleWidgetClick={this.handleDelete} points={points} />
261
- )}
262
- </Group>
263
- );
264
- }
265
- }
266
-
267
- PolComponent.propTypes = {
268
- correct: PropTypes.bool,
269
- isDrawing: PropTypes.bool.isRequired,
270
- id: PropTypes.string.isRequired,
271
- imageHeight: PropTypes.number,
272
- imageWidth: PropTypes.number,
273
- hotspotColor: PropTypes.string.isRequired,
274
- selectedHotspotColor: PropTypes.string,
275
- hoverOutlineColor: PropTypes.string,
276
- onClick: PropTypes.func.isRequired,
277
- addPolygonPoint: PropTypes.func.isRequired,
278
- onDeleteShape: PropTypes.func.isRequired,
279
- onDragEnd: PropTypes.func.isRequired,
280
- outlineColor: PropTypes.string.isRequired,
281
- points: PropTypes.arrayOf(
282
- PropTypes.shape({
283
- x: PropTypes.number,
284
- y: PropTypes.number,
285
- }),
286
- ).isRequired,
287
- strokeWidth: PropTypes.number,
288
- };
289
-
290
- PolComponent.defaultProps = {
291
- correct: false,
292
- };
293
-
294
- export default PolComponent;
@@ -1,169 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Rect, Group, Transformer } from 'react-konva';
4
- import DeleteWidget from './DeleteWidget';
5
-
6
- class RectComponent extends React.Component {
7
- constructor(props) {
8
- super(props);
9
- this.state = {
10
- hovered: false,
11
- isDragging: false,
12
- };
13
- this.shapeRef = React.createRef();
14
- this.trRef = React.createRef();
15
- }
16
-
17
- handleClick = (e) => {
18
- const { width, height, isDrawing, onClick, id } = this.props;
19
- if (width < 0 && height < 0 && isDrawing) {
20
- return;
21
- }
22
- e.cancelBubble = true;
23
- onClick(id);
24
- };
25
-
26
- handleMouseEnter = () => {
27
- document.body.style.cursor = 'pointer';
28
- this.setState({ hovered: true });
29
- this.trRef.current.setNode(this.shapeRef.current);
30
- this.trRef.current.getLayer().batchDraw();
31
- };
32
-
33
- handleMouseLeave = () => {
34
- if (!this.state.isDragging) {
35
- this.setState({ hovered: false });
36
- document.body.style.cursor = 'default';
37
- }
38
- };
39
-
40
- handleOnDragEnd = (e) => {
41
- const { onDragEnd, id } = this.props;
42
- this.setState({ isDragging: false });
43
- onDragEnd(id, {
44
- x: e.target.x(),
45
- y: e.target.y(),
46
- });
47
- };
48
-
49
- onResizeEnd = () => {
50
- const { onDragEnd, id } = this.props;
51
- // transformer is changing scale of the node
52
- // and NOT its width or height
53
- // but in the store we have only width and height
54
- // to match the data better we will reset scale on transform end
55
- const node = this.shapeRef.current;
56
- const scaleX = node.scaleX();
57
- const scaleY = node.scaleY();
58
-
59
- // we will reset it back
60
- node.scaleX(1);
61
- node.scaleY(1);
62
- this.setState({ isDragging: false });
63
- onDragEnd(id, {
64
- x: node.x(),
65
- y: node.y(),
66
- // set minimal value
67
- width: Math.max(5, node.width() * scaleX),
68
- height: Math.max(node.height() * scaleY),
69
- });
70
- };
71
-
72
- handleDelete = (id) => {
73
- const { onDeleteShape } = this.props;
74
- onDeleteShape(id);
75
- };
76
-
77
- render() {
78
- const {
79
- correct,
80
- height,
81
- hotspotColor,
82
- id,
83
- outlineColor,
84
- width,
85
- x,
86
- y,
87
- strokeWidth = 5,
88
- selectedHotspotColor,
89
- hoverOutlineColor,
90
- } = this.props;
91
-
92
- const { hovered } = this.state;
93
-
94
- return (
95
- <Group onMouseLeave={this.handleMouseLeave} onMouseEnter={this.handleMouseEnter} padding={12}>
96
- {hoverOutlineColor && hovered && (
97
- <Rect
98
- x={x}
99
- y={y}
100
- width={width}
101
- height={height}
102
- stroke={hoverOutlineColor}
103
- strokeWidth={2}
104
- listening={false}
105
- />
106
- )}
107
-
108
- <Rect
109
- ref={this.shapeRef}
110
- width={width}
111
- height={height}
112
- fill={correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor}
113
- onClick={this.handleClick}
114
- onTap={this.handleClick}
115
- draggable
116
- stroke={hovered ? 'transparent' : outlineColor}
117
- strokeWidth={correct && !hovered ? strokeWidth : 0}
118
- onDragStart={() => this.setState({ isDragging: true })}
119
- onDragEnd={this.handleOnDragEnd}
120
- onTransformStart={() => this.setState({ isDragging: true })}
121
- onTransformEnd={this.onResizeEnd}
122
- x={x}
123
- y={y}
124
- cursor="pointer"
125
- />
126
- {!this.state.isDragging && this.state.hovered && (
127
- <DeleteWidget id={id} height={height} width={width} x={x} y={y} handleWidgetClick={this.handleDelete} />
128
- )}
129
- {this.state.hovered && (
130
- <Transformer
131
- ref={this.trRef}
132
- rotateEnabled={false}
133
- boundBoxFunc={(oldBox, newBox) => {
134
- // limit resize
135
- if (newBox.width < 10 || newBox.height < 10) {
136
- return oldBox;
137
- }
138
- return newBox;
139
- }}
140
- />
141
- )}
142
- </Group>
143
- );
144
- }
145
- }
146
-
147
- RectComponent.propTypes = {
148
- correct: PropTypes.bool,
149
- isDrawing: PropTypes.bool.isRequired,
150
- id: PropTypes.string.isRequired,
151
- height: PropTypes.number.isRequired,
152
- hotspotColor: PropTypes.string.isRequired,
153
- selectedHotspotColor: PropTypes.string,
154
- hoverOutlineColor: PropTypes.string,
155
- onClick: PropTypes.func.isRequired,
156
- onDeleteShape: PropTypes.func.isRequired,
157
- onDragEnd: PropTypes.func.isRequired,
158
- outlineColor: PropTypes.string.isRequired,
159
- width: PropTypes.number.isRequired,
160
- x: PropTypes.number.isRequired,
161
- y: PropTypes.number.isRequired,
162
- strokeWidth: PropTypes.number,
163
- };
164
-
165
- RectComponent.defaultProps = {
166
- correct: false,
167
- };
168
-
169
- export default RectComponent;
@@ -1,5 +0,0 @@
1
- /* eslint-disable */
2
- module.exports = {
3
- faDelete:
4
- 'data:image/png;base64,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',
5
- };
@@ -1,63 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Image } from 'react-konva';
4
-
5
- class ImageComponent extends React.Component {
6
- constructor(props) {
7
- super(props);
8
- this.state = {
9
- image: null,
10
- };
11
- }
12
-
13
- componentDidMount() {
14
- this.loadImage();
15
- }
16
-
17
- componentDidUpdate(oldProps) {
18
- if (oldProps.src !== this.props.src) {
19
- this.loadImage();
20
- }
21
- }
22
-
23
- componentWillUnmount() {
24
- this.image.removeEventListener('load', this.handleLoad);
25
- }
26
-
27
- loadImage() {
28
- const { src } = this.props;
29
-
30
- this.image = new window.Image();
31
- this.image.src = src;
32
- this.image.addEventListener('load', this.handleLoad);
33
- }
34
-
35
- handleLoad = () => {
36
- this.setState({
37
- image: this.image,
38
- });
39
- };
40
-
41
- render() {
42
- const { x, y } = this.props;
43
- const { image } = this.state;
44
-
45
- return (
46
- <Image
47
- width={20}
48
- height={20}
49
- x={x}
50
- y={y}
51
- image={image}
52
- />
53
- );
54
- }
55
- }
56
-
57
- ImageComponent.propTypes = {
58
- src: PropTypes.string.isRequired,
59
- x: PropTypes.number.isRequired,
60
- y: PropTypes.number.isRequired,
61
- };
62
-
63
- export default ImageComponent;