react-design-editor 0.0.31 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/README.md +1 -1
  2. package/dist/react-design-editor.js +37380 -16467
  3. package/dist/react-design-editor.min.js +1 -1
  4. package/dist/react-design-editor.min.js.LICENSE.txt +13 -2
  5. package/lib/Canvas.d.ts +18 -29
  6. package/lib/Canvas.js +172 -208
  7. package/lib/CanvasObject.d.ts +10 -10
  8. package/lib/CanvasObject.js +96 -89
  9. package/lib/constants/code.d.ts +19 -0
  10. package/lib/constants/code.js +22 -0
  11. package/lib/constants/defaults.d.ts +38 -0
  12. package/lib/constants/defaults.js +69 -0
  13. package/lib/constants/index.d.ts +3 -0
  14. package/lib/constants/index.js +26 -0
  15. package/lib/handlers/AlignmentHandler.d.ts +18 -18
  16. package/lib/handlers/AlignmentHandler.js +58 -58
  17. package/lib/handlers/AnimationHandler.d.ts +50 -48
  18. package/lib/handlers/AnimationHandler.js +323 -298
  19. package/lib/handlers/ChartHandler.d.ts +8 -8
  20. package/lib/handlers/ChartHandler.js +8 -8
  21. package/lib/handlers/ContextmenuHandler.d.ts +28 -23
  22. package/lib/handlers/ContextmenuHandler.js +65 -56
  23. package/lib/handlers/CropHandler.d.ts +43 -37
  24. package/lib/handlers/CropHandler.js +261 -243
  25. package/lib/handlers/CustomHandler.d.ts +7 -0
  26. package/lib/handlers/CustomHandler.js +10 -0
  27. package/lib/handlers/DrawingHandler.d.ts +28 -28
  28. package/lib/handlers/DrawingHandler.js +318 -318
  29. package/lib/handlers/ElementHandler.d.ts +80 -80
  30. package/lib/handlers/ElementHandler.js +154 -154
  31. package/lib/handlers/EventHandler.d.ts +170 -182
  32. package/lib/handlers/EventHandler.js +880 -914
  33. package/lib/handlers/FiberHandler.d.ts +6 -0
  34. package/lib/handlers/FiberHandler.js +23 -0
  35. package/lib/handlers/GridHandler.d.ts +19 -18
  36. package/lib/handlers/GridHandler.js +77 -75
  37. package/lib/handlers/GuidelineHandler.d.ts +61 -39
  38. package/lib/handlers/GuidelineHandler.js +315 -263
  39. package/lib/handlers/Handler.d.ts +622 -543
  40. package/lib/handlers/Handler.js +1638 -1514
  41. package/lib/handlers/ImageHandler.d.ts +307 -307
  42. package/lib/handlers/ImageHandler.js +529 -484
  43. package/lib/handlers/InteractionHandler.d.ts +45 -45
  44. package/lib/handlers/InteractionHandler.js +164 -156
  45. package/lib/handlers/LinkHandler.d.ts +115 -116
  46. package/lib/handlers/LinkHandler.js +247 -246
  47. package/lib/handlers/NodeHandler.d.ts +50 -50
  48. package/lib/handlers/NodeHandler.js +274 -274
  49. package/lib/handlers/PortHandler.d.ts +22 -22
  50. package/lib/handlers/PortHandler.js +179 -179
  51. package/lib/handlers/ShortcutHandler.d.ts +119 -119
  52. package/lib/handlers/ShortcutHandler.js +151 -150
  53. package/lib/handlers/TooltipHandler.d.ts +33 -24
  54. package/lib/handlers/TooltipHandler.js +91 -78
  55. package/lib/handlers/TransactionHandler.d.ts +59 -54
  56. package/lib/handlers/TransactionHandler.js +137 -129
  57. package/lib/handlers/WorkareaHandler.d.ts +43 -31
  58. package/lib/handlers/WorkareaHandler.js +354 -355
  59. package/lib/handlers/ZoomHandler.d.ts +48 -48
  60. package/lib/handlers/ZoomHandler.js +143 -145
  61. package/lib/handlers/index.d.ts +23 -21
  62. package/lib/handlers/index.js +48 -44
  63. package/lib/index.d.ts +5 -5
  64. package/lib/index.js +19 -19
  65. package/lib/objects/Arrow.d.ts +2 -2
  66. package/lib/objects/Arrow.js +40 -39
  67. package/lib/objects/Chart.d.ts +10 -10
  68. package/lib/objects/Chart.js +117 -116
  69. package/lib/objects/CirclePort.d.ts +2 -2
  70. package/lib/objects/CirclePort.js +28 -28
  71. package/lib/objects/Cube.d.ts +5 -5
  72. package/lib/objects/Cube.js +71 -71
  73. package/lib/objects/CurvedLink.d.ts +2 -2
  74. package/lib/objects/CurvedLink.js +51 -49
  75. package/lib/objects/Element.d.ts +13 -13
  76. package/lib/objects/Element.js +77 -76
  77. package/lib/objects/Gif.d.ts +3 -3
  78. package/lib/objects/Gif.js +41 -38
  79. package/lib/objects/Iframe.d.ts +9 -9
  80. package/lib/objects/Iframe.js +63 -62
  81. package/lib/objects/Line.d.ts +2 -2
  82. package/lib/objects/Line.js +24 -24
  83. package/lib/objects/Link.d.ts +15 -15
  84. package/lib/objects/Link.js +106 -104
  85. package/lib/objects/Node.d.ts +59 -59
  86. package/lib/objects/Node.js +271 -268
  87. package/lib/objects/OrthogonalLink.d.ts +2 -2
  88. package/lib/objects/OrthogonalLink.js +54 -52
  89. package/lib/objects/Port.d.ts +12 -12
  90. package/lib/objects/Port.js +28 -28
  91. package/lib/objects/Svg.d.ts +8 -0
  92. package/lib/objects/Svg.js +59 -0
  93. package/lib/objects/Video.d.ts +14 -14
  94. package/lib/objects/Video.js +113 -112
  95. package/lib/objects/index.d.ts +15 -14
  96. package/lib/objects/index.js +32 -30
  97. package/lib/utils/ObjectUtil.d.ts +407 -412
  98. package/lib/utils/ObjectUtil.js +13 -13
  99. package/lib/utils/index.d.ts +1 -1
  100. package/lib/utils/index.js +13 -13
  101. package/package.json +7 -6
@@ -1,182 +1,170 @@
1
- import Handler from './Handler';
2
- import { FabricEvent } from '../utils';
3
- /**
4
- * Event Handler Class
5
- * @author salgum1114
6
- * @class EventHandler
7
- */
8
- declare class EventHandler {
9
- handler: Handler;
10
- keyCode: number;
11
- panning: boolean;
12
- constructor(handler: Handler);
13
- /**
14
- * Attch event on document
15
- *
16
- */
17
- attachEventListener: () => void;
18
- /**
19
- * Detach event on document
20
- *
21
- */
22
- detachEventListener: () => void;
23
- /**
24
- * Individual object event
25
- *
26
- */
27
- object: {
28
- /**
29
- * Mouse down event on object
30
- * @param {FabricEvent} opt
31
- */
32
- mousedown: (opt: FabricEvent) => void;
33
- /**
34
- * Mouse double click event on object
35
- * @param {FabricEvent} opt
36
- */
37
- mousedblclick: (opt: FabricEvent) => void;
38
- };
39
- /**
40
- * Modified event object
41
- *
42
- * @param {FabricEvent} opt
43
- * @returns
44
- */
45
- modified: (opt: FabricEvent) => void;
46
- /**
47
- * Moving event object
48
- *
49
- * @param {FabricEvent} opt
50
- * @returns
51
- */
52
- moving: (opt: FabricEvent) => void;
53
- /**
54
- * Moved event object
55
- *
56
- * @param {FabricEvent} opt
57
- */
58
- moved: (opt: FabricEvent) => void;
59
- /**
60
- * Scaling event object
61
- *
62
- * @param {FabricEvent} opt
63
- */
64
- scaling: (opt: FabricEvent) => void;
65
- /**
66
- * Scaled event object
67
- *
68
- * @param {FabricEvent} opt
69
- */
70
- scaled: (_opt: FabricEvent) => void;
71
- /**
72
- * Rotating event object
73
- *
74
- * @param {FabricEvent} opt
75
- */
76
- rotating: (opt: FabricEvent) => void;
77
- /**
78
- * Rotated event object
79
- *
80
- * @param {FabricEvent} opt
81
- */
82
- rotated: (_opt: FabricEvent) => void;
83
- /**
84
- * Moing object at keyboard arrow key down event
85
- *
86
- * @param {KeyboardEvent} e
87
- * @returns
88
- */
89
- arrowmoving: (e: KeyboardEvent) => boolean;
90
- /**
91
- * Zoom at mouse wheel event
92
- *
93
- * @param {FabricEvent<WheelEvent>} opt
94
- * @returns
95
- */
96
- mousewheel: (opt: FabricEvent) => void;
97
- /**
98
- * Mouse down event on object
99
- *
100
- * @param {FabricEvent<MouseEvent>} opt
101
- * @returns
102
- */
103
- mousedown: (opt: FabricEvent) => void;
104
- /**
105
- * Mouse move event on canvas
106
- *
107
- * @param {FabricEvent<MouseEvent>} opt
108
- * @returns
109
- */
110
- mousemove: (opt: FabricEvent) => void;
111
- /**
112
- * Mouse up event on canvas
113
- *
114
- * @param {FabricEvent<MouseEvent>} opt
115
- * @returns
116
- */
117
- mouseup: (opt: FabricEvent) => void;
118
- /**
119
- * Mouse out event on canvas
120
- *
121
- * @param {FabricEvent<MouseEvent>} opt
122
- */
123
- mouseout: (opt: FabricEvent) => void;
124
- /**
125
- * Selection event event on canvas
126
- *
127
- * @param {FabricEvent} opt
128
- */
129
- selection: (opt: FabricEvent) => void;
130
- /**
131
- * Before the render
132
- *
133
- * @param {FabricEvent} _opt
134
- */
135
- beforeRender: (_opt: FabricEvent) => void;
136
- /**
137
- * After the render
138
- *
139
- * @param {FabricEvent} _opt
140
- */
141
- afterRender: (_opt: FabricEvent) => void;
142
- /**
143
- * Called resize event on canvas
144
- *
145
- * @param {number} nextWidth
146
- * @param {number} nextHeight
147
- * @returns
148
- */
149
- resize: (nextWidth: number, nextHeight: number) => void;
150
- /**
151
- * Paste event on canvas
152
- *
153
- * @param {ClipboardEvent} e
154
- * @returns
155
- */
156
- paste: (e: ClipboardEvent) => boolean;
157
- /**
158
- * Keydown event on document
159
- *
160
- * @param {KeyboardEvent} e
161
- */
162
- keydown: (e: KeyboardEvent) => void;
163
- /**
164
- * Key up event on canvas
165
- *
166
- * @param {KeyboardEvent} _e
167
- */
168
- keyup: (e: KeyboardEvent) => void;
169
- /**
170
- * Context menu event on canvas
171
- *
172
- * @param {MouseEvent} e
173
- */
174
- contextmenu: (e: MouseEvent) => void;
175
- /**
176
- * Mouse down event on canvas
177
- *
178
- * @param {MouseEvent} _e
179
- */
180
- onmousedown: (_e: MouseEvent) => void;
181
- }
182
- export default EventHandler;
1
+ import { FabricEvent } from '../utils';
2
+ import Handler from './Handler';
3
+ /**
4
+ * Event Handler Class
5
+ * @author salgum1114
6
+ * @class EventHandler
7
+ */
8
+ declare class EventHandler {
9
+ handler: Handler;
10
+ code: string;
11
+ panning: boolean;
12
+ constructor(handler: Handler);
13
+ /**
14
+ * Attch event on document
15
+ *
16
+ */
17
+ initialize(): void;
18
+ /**
19
+ * Detach event on document
20
+ *
21
+ */
22
+ destroy: () => void;
23
+ /**
24
+ * Individual object event
25
+ *
26
+ */
27
+ object: {
28
+ /**
29
+ * Mouse down event on object
30
+ * @param {FabricEvent} opt
31
+ */
32
+ mousedown: (opt: FabricEvent) => void;
33
+ /**
34
+ * Mouse double click event on object
35
+ * @param {FabricEvent} opt
36
+ */
37
+ mousedblclick: (opt: FabricEvent) => void;
38
+ };
39
+ /**
40
+ * Modified event object
41
+ *
42
+ * @param {FabricEvent} opt
43
+ * @returns
44
+ */
45
+ modified: (opt: FabricEvent) => void;
46
+ /**
47
+ * Moving event object
48
+ *
49
+ * @param {FabricEvent} opt
50
+ * @returns
51
+ */
52
+ moving: (opt: FabricEvent) => void;
53
+ /**
54
+ * Moved event object
55
+ *
56
+ * @param {FabricEvent} opt
57
+ */
58
+ moved: (opt: FabricEvent) => void;
59
+ /**
60
+ * Scaling event object
61
+ *
62
+ * @param {FabricEvent} opt
63
+ */
64
+ scaling: (opt: FabricEvent) => void;
65
+ /**
66
+ * Scaled event object
67
+ *
68
+ * @param {FabricEvent} opt
69
+ */
70
+ scaled: (_opt: FabricEvent) => void;
71
+ /**
72
+ * Rotating event object
73
+ *
74
+ * @param {FabricEvent} opt
75
+ */
76
+ rotating: (opt: FabricEvent) => void;
77
+ /**
78
+ * Rotated event object
79
+ *
80
+ * @param {FabricEvent} opt
81
+ */
82
+ rotated: (_opt: FabricEvent) => void;
83
+ /**
84
+ * Moing object at keyboard arrow key down event
85
+ *
86
+ * @param {KeyboardEvent} e
87
+ * @returns
88
+ */
89
+ arrowmoving: (e: KeyboardEvent) => boolean;
90
+ /**
91
+ * Zoom at mouse wheel event
92
+ *
93
+ * @param {FabricEvent<WheelEvent>} opt
94
+ * @returns
95
+ */
96
+ mousewheel: (opt: FabricEvent) => void;
97
+ /**
98
+ * Mouse down event on object
99
+ *
100
+ * @param {FabricEvent<MouseEvent>} opt
101
+ * @returns
102
+ */
103
+ mousedown: (opt: FabricEvent) => void;
104
+ /**
105
+ * Mouse move event on canvas
106
+ *
107
+ * @param {FabricEvent<MouseEvent>} opt
108
+ * @returns
109
+ */
110
+ mousemove: (opt: FabricEvent) => void;
111
+ /**
112
+ * Mouse up event on canvas
113
+ *
114
+ * @param {FabricEvent<MouseEvent>} opt
115
+ * @returns
116
+ */
117
+ mouseup: (opt: FabricEvent) => void;
118
+ /**
119
+ * Mouse out event on canvas
120
+ *
121
+ * @param {FabricEvent<MouseEvent>} opt
122
+ */
123
+ mouseout: (opt: FabricEvent) => void;
124
+ /**
125
+ * Selection event event on canvas
126
+ *
127
+ * @param {FabricEvent} opt
128
+ */
129
+ selection: (opt: FabricEvent) => void;
130
+ /**
131
+ * Called resize event on canvas
132
+ *
133
+ * @param {number} nextWidth
134
+ * @param {number} nextHeight
135
+ * @returns
136
+ */
137
+ resize: (nextWidth: number, nextHeight: number) => void;
138
+ /**
139
+ * Paste event on canvas
140
+ *
141
+ * @param {ClipboardEvent} e
142
+ * @returns
143
+ */
144
+ paste: (e: ClipboardEvent) => Promise<boolean>;
145
+ /**
146
+ * Keydown event on document
147
+ *
148
+ * @param {KeyboardEvent} e
149
+ */
150
+ keydown: (e: KeyboardEvent) => void;
151
+ /**
152
+ * Key up event on canvas
153
+ *
154
+ * @param {KeyboardEvent} _e
155
+ */
156
+ keyup: (e: KeyboardEvent) => void;
157
+ /**
158
+ * Context menu event on canvas
159
+ *
160
+ * @param {MouseEvent} e
161
+ */
162
+ contextmenu: (e: MouseEvent) => void;
163
+ /**
164
+ * Mouse down event on canvas
165
+ *
166
+ * @param {MouseEvent} _e
167
+ */
168
+ onmousedown: (_e: MouseEvent) => void;
169
+ }
170
+ export default EventHandler;