@dwelle/excalidraw 0.4.0-e1bdbb6 → 0.4.0-e3bee83

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 (96) hide show
  1. package/CHANGELOG.md +189 -0
  2. package/README.md +418 -20
  3. package/dist/excalidraw.development.js +649 -341
  4. package/dist/excalidraw.production.min.js +1 -1
  5. package/package.json +1 -1
  6. package/types/actions/actionAddToLibrary.d.ts +21 -9
  7. package/types/actions/actionAlign.d.ts +6 -18
  8. package/types/actions/actionBoundText.d.ts +9 -5
  9. package/types/actions/actionCanvas.d.ts +76 -52
  10. package/types/actions/actionClipboard.d.ts +63 -16
  11. package/types/actions/actionDeleteSelected.d.ts +31 -12
  12. package/types/actions/actionDistribute.d.ts +2 -6
  13. package/types/actions/actionDuplicateSelection.d.ts +1 -3
  14. package/types/actions/actionExport.d.ts +79 -58
  15. package/types/actions/actionFinalize.d.ts +15 -9
  16. package/types/actions/actionFlip.d.ts +2 -2
  17. package/types/actions/actionGroup.d.ts +4 -8
  18. package/types/actions/actionLinearEditor.d.ts +8 -4
  19. package/types/actions/actionMenu.d.ts +24 -17
  20. package/types/actions/actionNavigate.d.ts +2 -3
  21. package/types/actions/actionProperties.d.ts +106 -80
  22. package/types/actions/actionStyles.d.ts +7 -3
  23. package/types/actions/actionToggleGridMode.d.ts +9 -3
  24. package/types/actions/actionToggleLock.d.ts +7 -3
  25. package/types/actions/actionToggleStats.d.ts +8 -3
  26. package/types/actions/actionToggleViewMode.d.ts +9 -3
  27. package/types/actions/actionToggleZenMode.d.ts +9 -3
  28. package/types/actions/actionZindex.d.ts +4 -12
  29. package/types/actions/manager.d.ts +2 -1
  30. package/types/actions/types.d.ts +6 -5
  31. package/types/appState.d.ts +9 -10
  32. package/types/clipboard.d.ts +6 -1
  33. package/types/components/App.d.ts +9 -51
  34. package/types/components/Button.d.ts +15 -0
  35. package/types/components/Card.d.ts +7 -0
  36. package/types/components/ContextMenu.d.ts +8 -21
  37. package/types/components/JSONExportDialog.d.ts +3 -1
  38. package/types/components/LayerUI.d.ts +3 -5
  39. package/types/components/LibraryMenuHeaderContent.d.ts +23 -0
  40. package/types/components/MobileMenu.d.ts +5 -8
  41. package/types/components/UserList.d.ts +0 -2
  42. package/types/components/dropdownMenu/DropdownMenu.d.ts +64 -0
  43. package/types/components/dropdownMenu/DropdownMenuContent.d.ts +11 -0
  44. package/types/components/dropdownMenu/DropdownMenuGroup.d.ts +11 -0
  45. package/types/components/dropdownMenu/DropdownMenuItem.d.ts +13 -0
  46. package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts +6 -0
  47. package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts +6 -0
  48. package/types/components/dropdownMenu/DropdownMenuItemLink.d.ts +12 -0
  49. package/types/components/dropdownMenu/DropdownMenuSeparator.d.ts +5 -0
  50. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +9 -0
  51. package/types/components/dropdownMenu/dropdownMenuUtils.d.ts +3 -0
  52. package/types/components/footer/Footer.d.ts +13 -0
  53. package/types/components/footer/FooterCenter.d.ts +8 -0
  54. package/types/components/icons.d.ts +1 -1
  55. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +10 -0
  56. package/types/components/main-menu/DefaultItems.d.ts +47 -0
  57. package/types/components/main-menu/MainMenu.d.ts +55 -0
  58. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +58 -0
  59. package/types/components/welcome-screen/WelcomeScreen.Hints.d.ts +19 -0
  60. package/types/components/welcome-screen/WelcomeScreen.d.ts +85 -0
  61. package/types/constants.d.ts +11 -8
  62. package/types/data/index.d.ts +1 -1
  63. package/types/element/Hyperlink.d.ts +9 -7
  64. package/types/element/bounds.d.ts +3 -2
  65. package/types/element/linearElementEditor.d.ts +39 -8
  66. package/types/element/newElement.d.ts +2 -2
  67. package/types/element/resizeElements.d.ts +0 -1
  68. package/types/element/textElement.d.ts +24 -2
  69. package/types/element/textWysiwyg.d.ts +6 -1
  70. package/types/element/transformHandles.d.ts +2 -3
  71. package/types/element/typeChecks.d.ts +10 -1
  72. package/types/element/types.d.ts +11 -4
  73. package/types/keys.d.ts +2 -0
  74. package/types/math.d.ts +2 -1
  75. package/types/packages/excalidraw/example/CustomFooter.d.ts +5 -0
  76. package/types/packages/excalidraw/example/MobileFooter.d.ts +5 -0
  77. package/types/packages/excalidraw/index.d.ts +12 -1
  78. package/types/packages/utils.d.ts +22 -25
  79. package/types/renderer/renderElement.d.ts +4 -3
  80. package/types/renderer/renderScene.d.ts +1 -3
  81. package/types/scene/Fonts.d.ts +21 -0
  82. package/types/scene/Scene.d.ts +15 -0
  83. package/types/scene/comparisons.d.ts +2 -3
  84. package/types/scene/export.d.ts +143 -9
  85. package/types/scene/index.d.ts +1 -1
  86. package/types/scene/types.d.ts +9 -1
  87. package/types/types.d.ts +44 -24
  88. package/types/utils.d.ts +17 -0
  89. package/types/components/ActiveFile.d.ts +0 -7
  90. package/types/components/ClearCanvas.d.ts +0 -4
  91. package/types/components/CollabButton.d.ts +0 -6
  92. package/types/components/Footer.d.ts +0 -10
  93. package/types/components/MenuItem.d.ts +0 -11
  94. package/types/components/MenuUtils.d.ts +0 -1
  95. package/types/components/WelcomeScreen.d.ts +0 -10
  96. package/types/components/WelcomeScreenDecor.d.ts +0 -6
package/types/actions/actionClipboard.d.ts CHANGED
@@ -7,6 +7,21 @@ export declare const actionCopy: {
7
7
  perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
8
8
  commitToHistory: false;
9
9
  };
10
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
11
+ contextItemLabel: string;
12
+ keyTest: undefined;
13
+ } & {
14
+ keyTest?: undefined;
15
+ };
16
+ export declare const actionPaste: {
17
+ name: "paste";
18
+ trackEvent: {
19
+ category: "element";
20
+ };
21
+ perform: (elements: any, appStates: any, data: any, app: import("../types").AppClassProperties) => {
22
+ commitToHistory: false;
23
+ };
24
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
10
25
  contextItemLabel: string;
11
26
  keyTest: undefined;
12
27
  } & {
@@ -21,6 +36,11 @@ export declare const actionCut: {
21
36
  elements: import("../element/types").ExcalidrawElement[];
22
37
  appState: {
23
38
  editingLinearElement: null;
39
+ contextMenu: {
40
+ items: import("../components/ContextMenu").ContextMenuItems;
41
+ top: number;
42
+ left: number;
43
+ } | null;
24
44
  showWelcomeScreen: boolean;
25
45
  isLoading: boolean;
26
46
  errorMessage: string | null;
@@ -59,10 +79,9 @@ export declare const actionCut: {
59
79
  currentItemFontFamily: number;
60
80
  currentItemFontSize: number;
61
81
  currentItemTextAlign: string;
62
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
63
82
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
64
83
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
65
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
84
+ currentItemRoundness: import("../element/types").StrokeRoundness;
66
85
  viewBackgroundColor: string;
67
86
  scrollX: number;
68
87
  scrollY: number;
@@ -77,7 +96,7 @@ export declare const actionCut: {
77
96
  openMenu: "canvas" | "shape" | null;
78
97
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
79
98
  openSidebar: "library" | "customSidebar" | null;
80
- openDialog: "imageExport" | "help" | null;
99
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
81
100
  isSidebarDocked: boolean;
82
101
  lastPointerDownWith: import("../element/types").PointerType;
83
102
  selectedElementIds: {
@@ -133,6 +152,15 @@ export declare const actionCut: {
133
152
  pointerDownState: Readonly<{
134
153
  prevSelectedPointsIndices: readonly number[] | null;
135
154
  lastClickedPoint: number;
155
+ origin: Readonly<{
156
+ x: number;
157
+ y: number;
158
+ }> | null;
159
+ segmentMidpoint: {
160
+ value: readonly [number, number] | null;
161
+ index: number | null;
162
+ added: boolean;
163
+ };
136
164
  }>;
137
165
  isDragging: boolean;
138
166
  lastUncommittedPoint: readonly [number, number] | null;
@@ -143,6 +171,11 @@ export declare const actionCut: {
143
171
  hoverPointIndex: number;
144
172
  segmentMidPointHoveredCoords: readonly [number, number] | null;
145
173
  };
174
+ contextMenu: {
175
+ items: import("../components/ContextMenu").ContextMenuItems;
176
+ top: number;
177
+ left: number;
178
+ } | null;
146
179
  showWelcomeScreen: boolean;
147
180
  isLoading: boolean;
148
181
  errorMessage: string | null;
@@ -181,10 +214,9 @@ export declare const actionCut: {
181
214
  currentItemFontFamily: number;
182
215
  currentItemFontSize: number;
183
216
  currentItemTextAlign: string;
184
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
185
217
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
186
218
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
187
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
219
+ currentItemRoundness: import("../element/types").StrokeRoundness;
188
220
  viewBackgroundColor: string;
189
221
  scrollX: number;
190
222
  scrollY: number;
@@ -199,7 +231,7 @@ export declare const actionCut: {
199
231
  openMenu: "canvas" | "shape" | null;
200
232
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
201
233
  openSidebar: "library" | "customSidebar" | null;
202
- openDialog: "imageExport" | "help" | null;
234
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
203
235
  isSidebarDocked: boolean;
204
236
  lastPointerDownWith: import("../element/types").PointerType;
205
237
  selectedElementIds: {
@@ -258,6 +290,11 @@ export declare const actionCut: {
258
290
  };
259
291
  multiElement: null;
260
292
  selectedElementIds: {};
293
+ contextMenu: {
294
+ items: import("../components/ContextMenu").ContextMenuItems;
295
+ top: number;
296
+ left: number;
297
+ } | null;
261
298
  showWelcomeScreen: boolean;
262
299
  isLoading: boolean;
263
300
  errorMessage: string | null;
@@ -285,10 +322,9 @@ export declare const actionCut: {
285
322
  currentItemFontFamily: number;
286
323
  currentItemFontSize: number;
287
324
  currentItemTextAlign: string;
288
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
289
325
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
290
326
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
291
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
327
+ currentItemRoundness: import("../element/types").StrokeRoundness;
292
328
  viewBackgroundColor: string;
293
329
  scrollX: number;
294
330
  scrollY: number;
@@ -303,7 +339,7 @@ export declare const actionCut: {
303
339
  openMenu: "canvas" | "shape" | null;
304
340
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
305
341
  openSidebar: "library" | "customSidebar" | null;
306
- openDialog: "imageExport" | "help" | null;
342
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
307
343
  isSidebarDocked: boolean;
308
344
  lastPointerDownWith: import("../element/types").PointerType;
309
345
  previousSelectedElementIds: {
@@ -344,6 +380,7 @@ export declare const actionCut: {
344
380
  };
345
381
  commitToHistory: boolean;
346
382
  };
383
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
347
384
  contextItemLabel: string;
348
385
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
349
386
  } & {
@@ -360,6 +397,11 @@ export declare const actionCopyAsSvg: {
360
397
  } | {
361
398
  appState: {
362
399
  errorMessage: any;
400
+ contextMenu: {
401
+ items: import("../components/ContextMenu").ContextMenuItems;
402
+ top: number;
403
+ left: number;
404
+ } | null;
363
405
  showWelcomeScreen: boolean;
364
406
  isLoading: boolean;
365
407
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -398,10 +440,9 @@ export declare const actionCopyAsSvg: {
398
440
  currentItemFontFamily: number;
399
441
  currentItemFontSize: number;
400
442
  currentItemTextAlign: string;
401
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
402
443
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
403
444
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
404
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
445
+ currentItemRoundness: import("../element/types").StrokeRoundness;
405
446
  viewBackgroundColor: string;
406
447
  scrollX: number;
407
448
  scrollY: number;
@@ -416,7 +457,7 @@ export declare const actionCopyAsSvg: {
416
457
  openMenu: "canvas" | "shape" | null;
417
458
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
418
459
  openSidebar: "library" | "customSidebar" | null;
419
- openDialog: "imageExport" | "help" | null;
460
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
420
461
  isSidebarDocked: boolean;
421
462
  lastPointerDownWith: import("../element/types").PointerType;
422
463
  selectedElementIds: {
@@ -460,6 +501,7 @@ export declare const actionCopyAsSvg: {
460
501
  };
461
502
  commitToHistory: false;
462
503
  }>;
504
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[]) => boolean;
463
505
  contextItemLabel: string;
464
506
  } & {
465
507
  keyTest?: undefined;
@@ -475,6 +517,11 @@ export declare const actionCopyAsPng: {
475
517
  } | {
476
518
  appState: {
477
519
  errorMessage: any;
520
+ contextMenu: {
521
+ items: import("../components/ContextMenu").ContextMenuItems;
522
+ top: number;
523
+ left: number;
524
+ } | null;
478
525
  showWelcomeScreen: boolean;
479
526
  isLoading: boolean;
480
527
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -513,10 +560,9 @@ export declare const actionCopyAsPng: {
513
560
  currentItemFontFamily: number;
514
561
  currentItemFontSize: number;
515
562
  currentItemTextAlign: string;
516
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
517
563
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
518
564
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
519
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
565
+ currentItemRoundness: import("../element/types").StrokeRoundness;
520
566
  viewBackgroundColor: string;
521
567
  scrollX: number;
522
568
  scrollY: number;
@@ -531,7 +577,7 @@ export declare const actionCopyAsPng: {
531
577
  openMenu: "canvas" | "shape" | null;
532
578
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
533
579
  openSidebar: "library" | "customSidebar" | null;
534
- openDialog: "imageExport" | "help" | null;
580
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
535
581
  isSidebarDocked: boolean;
536
582
  lastPointerDownWith: import("../element/types").PointerType;
537
583
  selectedElementIds: {
@@ -575,6 +621,7 @@ export declare const actionCopyAsPng: {
575
621
  };
576
622
  commitToHistory: false;
577
623
  }>;
624
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[]) => boolean;
578
625
  contextItemLabel: string;
579
626
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
580
627
  } & {
@@ -588,7 +635,7 @@ export declare const copyText: {
588
635
  perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
589
636
  commitToHistory: false;
590
637
  };
591
- contextItemPredicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
638
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
592
639
  contextItemLabel: string;
593
640
  } & {
594
641
  keyTest?: undefined;
package/types/actions/actionDeleteSelected.d.ts CHANGED
@@ -12,6 +12,11 @@ export declare const actionDeleteSelected: {
12
12
  elements: ExcalidrawElement[];
13
13
  appState: {
14
14
  editingLinearElement: null;
15
+ contextMenu: {
16
+ items: import("../components/ContextMenu").ContextMenuItems;
17
+ top: number;
18
+ left: number;
19
+ } | null;
15
20
  showWelcomeScreen: boolean;
16
21
  isLoading: boolean;
17
22
  errorMessage: string | null;
@@ -50,10 +55,9 @@ export declare const actionDeleteSelected: {
50
55
  currentItemFontFamily: number;
51
56
  currentItemFontSize: number;
52
57
  currentItemTextAlign: string;
53
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
54
58
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
55
59
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
56
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
60
+ currentItemRoundness: import("../element/types").StrokeRoundness;
57
61
  viewBackgroundColor: string;
58
62
  scrollX: number;
59
63
  scrollY: number;
@@ -68,7 +72,7 @@ export declare const actionDeleteSelected: {
68
72
  openMenu: "canvas" | "shape" | null;
69
73
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
70
74
  openSidebar: "library" | "customSidebar" | null;
71
- openDialog: "imageExport" | "help" | null;
75
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
72
76
  isSidebarDocked: boolean;
73
77
  lastPointerDownWith: import("../element/types").PointerType;
74
78
  selectedElementIds: {
@@ -124,6 +128,15 @@ export declare const actionDeleteSelected: {
124
128
  pointerDownState: Readonly<{
125
129
  prevSelectedPointsIndices: readonly number[] | null;
126
130
  lastClickedPoint: number;
131
+ origin: Readonly<{
132
+ x: number;
133
+ y: number;
134
+ }> | null;
135
+ segmentMidpoint: {
136
+ value: readonly [number, number] | null;
137
+ index: number | null;
138
+ added: boolean;
139
+ };
127
140
  }>;
128
141
  isDragging: boolean;
129
142
  lastUncommittedPoint: readonly [number, number] | null;
@@ -134,6 +147,11 @@ export declare const actionDeleteSelected: {
134
147
  hoverPointIndex: number;
135
148
  segmentMidPointHoveredCoords: readonly [number, number] | null;
136
149
  };
150
+ contextMenu: {
151
+ items: import("../components/ContextMenu").ContextMenuItems;
152
+ top: number;
153
+ left: number;
154
+ } | null;
137
155
  showWelcomeScreen: boolean;
138
156
  isLoading: boolean;
139
157
  errorMessage: string | null;
@@ -172,10 +190,9 @@ export declare const actionDeleteSelected: {
172
190
  currentItemFontFamily: number;
173
191
  currentItemFontSize: number;
174
192
  currentItemTextAlign: string;
175
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
176
193
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
177
194
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
178
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
195
+ currentItemRoundness: import("../element/types").StrokeRoundness;
179
196
  viewBackgroundColor: string;
180
197
  scrollX: number;
181
198
  scrollY: number;
@@ -190,7 +207,7 @@ export declare const actionDeleteSelected: {
190
207
  openMenu: "canvas" | "shape" | null;
191
208
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
192
209
  openSidebar: "library" | "customSidebar" | null;
193
- openDialog: "imageExport" | "help" | null;
210
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
194
211
  isSidebarDocked: boolean;
195
212
  lastPointerDownWith: import("../element/types").PointerType;
196
213
  selectedElementIds: {
@@ -249,6 +266,11 @@ export declare const actionDeleteSelected: {
249
266
  };
250
267
  multiElement: null;
251
268
  selectedElementIds: {};
269
+ contextMenu: {
270
+ items: import("../components/ContextMenu").ContextMenuItems;
271
+ top: number;
272
+ left: number;
273
+ } | null;
252
274
  showWelcomeScreen: boolean;
253
275
  isLoading: boolean;
254
276
  errorMessage: string | null;
@@ -276,10 +298,9 @@ export declare const actionDeleteSelected: {
276
298
  currentItemFontFamily: number;
277
299
  currentItemFontSize: number;
278
300
  currentItemTextAlign: string;
279
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
280
301
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
281
302
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
282
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
303
+ currentItemRoundness: import("../element/types").StrokeRoundness;
283
304
  viewBackgroundColor: string;
284
305
  scrollX: number;
285
306
  scrollY: number;
@@ -294,7 +315,7 @@ export declare const actionDeleteSelected: {
294
315
  openMenu: "canvas" | "shape" | null;
295
316
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
296
317
  openSidebar: "library" | "customSidebar" | null;
297
- openDialog: "imageExport" | "help" | null;
318
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
298
319
  isSidebarDocked: boolean;
299
320
  lastPointerDownWith: import("../element/types").PointerType;
300
321
  previousSelectedElementIds: {
@@ -337,9 +358,7 @@ export declare const actionDeleteSelected: {
337
358
  };
338
359
  contextItemLabel: string;
339
360
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
340
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
341
- isInHamburgerMenu: boolean;
342
- }) => JSX.Element;
361
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
343
362
  } & {
344
363
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
345
364
  };
package/types/actions/actionDistribute.d.ts CHANGED
@@ -12,9 +12,7 @@ export declare const distributeHorizontally: {
12
12
  commitToHistory: true;
13
13
  };
14
14
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
15
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
16
- isInHamburgerMenu: boolean;
17
- }) => JSX.Element;
15
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
18
16
  } & {
19
17
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
20
18
  };
@@ -29,9 +27,7 @@ export declare const distributeVertically: {
29
27
  commitToHistory: true;
30
28
  };
31
29
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
32
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
33
- isInHamburgerMenu: boolean;
34
- }) => JSX.Element;
30
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
35
31
  } & {
36
32
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
37
33
  };
package/types/actions/actionDuplicateSelection.d.ts CHANGED
@@ -16,9 +16,7 @@ export declare const actionDuplicateSelection: {
16
16
  };
17
17
  contextItemLabel: string;
18
18
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
19
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
20
- isInHamburgerMenu: boolean;
21
- }) => JSX.Element;
19
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
22
20
  } & {
23
21
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
24
22
  };