@dwelle/excalidraw 0.4.0-c863147 → 0.4.0-c8d325d

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 (149) hide show
  1. package/CHANGELOG.md +22 -1
  2. package/README.md +4 -0
  3. package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js → vendor-d415b28e9024dee4bb1b.js} +2 -2
  4. package/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.js → vendor-a14cd58fa2db417e42b2.js} +6 -6
  5. package/dist/excalidraw.development.js +2103 -1697
  6. package/dist/excalidraw.production.min.js +1 -1
  7. package/dist/excalidraw.production.min.js.LICENSE.txt +15 -0
  8. package/package.json +7 -2
  9. package/types/actions/actionAddToLibrary.d.ts +63 -22
  10. package/types/actions/actionAlign.d.ts +25 -20
  11. package/types/actions/actionBoundText.d.ts +46 -18
  12. package/types/actions/actionCanvas.d.ts +350 -78
  13. package/types/actions/actionClipboard.d.ts +101 -35
  14. package/types/actions/actionDeleteSelected.d.ts +57 -19
  15. package/types/actions/actionDistribute.d.ts +7 -8
  16. package/types/actions/actionDuplicateSelection.d.ts +0 -1
  17. package/types/actions/actionElementLock.d.ts +44 -16
  18. package/types/actions/actionExport.d.ts +198 -72
  19. package/types/actions/actionFinalize.d.ts +40 -16
  20. package/types/actions/actionFlip.d.ts +4 -5
  21. package/types/actions/actionFrame.d.ts +423 -0
  22. package/types/actions/actionGroup.d.ts +246 -9
  23. package/types/actions/actionLinearEditor.d.ts +23 -10
  24. package/types/actions/actionMenu.d.ts +64 -24
  25. package/types/actions/actionNavigate.d.ts +1 -1
  26. package/types/actions/actionProperties.d.ts +273 -92
  27. package/types/actions/actionSelectAll.d.ts +121 -2
  28. package/types/actions/actionStyles.d.ts +21 -8
  29. package/types/actions/actionToggleGridMode.d.ts +21 -8
  30. package/types/actions/actionToggleStats.d.ts +21 -8
  31. package/types/actions/actionToggleViewMode.d.ts +21 -8
  32. package/types/actions/actionToggleZenMode.d.ts +21 -8
  33. package/types/actions/actionZindex.d.ts +4 -4
  34. package/types/actions/manager.d.ts +1 -1
  35. package/types/actions/types.d.ts +4 -3
  36. package/types/appState.d.ts +9 -9
  37. package/types/clients.d.ts +1 -5
  38. package/types/clipboard.d.ts +1 -0
  39. package/types/colors.d.ts +10 -9
  40. package/types/components/Actions.d.ts +2 -2
  41. package/types/components/ActiveConfirmDialog.d.ts +1 -21
  42. package/types/components/App.d.ts +48 -13
  43. package/types/components/Avatar.d.ts +0 -1
  44. package/types/components/Button.d.ts +0 -1
  45. package/types/components/Card.d.ts +0 -1
  46. package/types/components/ColorPicker/ColorInput.d.ts +1 -1
  47. package/types/components/ColorPicker/ColorPicker.d.ts +3 -2
  48. package/types/components/ColorPicker/CustomColorList.d.ts +1 -1
  49. package/types/components/ColorPicker/Picker.d.ts +4 -2
  50. package/types/components/ColorPicker/PickerColorList.d.ts +1 -1
  51. package/types/components/ColorPicker/ShadeList.d.ts +1 -1
  52. package/types/components/ColorPicker/TopPicks.d.ts +1 -1
  53. package/types/components/ColorPicker/colorPickerUtils.d.ts +4 -24
  54. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +8 -4
  55. package/types/components/DefaultSidebar.d.ts +0 -1
  56. package/types/components/Dialog.d.ts +3 -4
  57. package/types/components/EyeDropper.d.ts +17 -0
  58. package/types/components/FilledButton.d.ts +17 -0
  59. package/types/components/HintViewer.d.ts +3 -4
  60. package/types/components/ImageExportDialog.d.ts +3 -4
  61. package/types/components/JSONExportDialog.d.ts +1 -1
  62. package/types/components/LayerUI.d.ts +4 -2
  63. package/types/components/LibraryMenu.d.ts +5 -23
  64. package/types/components/LibraryMenuHeaderContent.d.ts +0 -1
  65. package/types/components/LibraryMenuItems.d.ts +3 -1
  66. package/types/components/LibraryMenuSection.d.ts +9 -3
  67. package/types/components/LibraryUnit.d.ts +5 -2
  68. package/types/components/LoadingMessage.d.ts +0 -1
  69. package/types/components/MobileMenu.d.ts +4 -3
  70. package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts +17 -0
  71. package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts +17 -0
  72. package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts +22 -0
  73. package/types/components/ProjectName.d.ts +1 -0
  74. package/types/components/RadioGroup.d.ts +12 -0
  75. package/types/components/Section.d.ts +1 -1
  76. package/types/components/Sidebar/Sidebar.d.ts +1 -21
  77. package/types/components/Sidebar/SidebarTab.d.ts +0 -1
  78. package/types/components/Sidebar/SidebarTabTrigger.d.ts +0 -1
  79. package/types/components/Sidebar/SidebarTabTriggers.d.ts +0 -1
  80. package/types/components/Sidebar/SidebarTabs.d.ts +0 -1
  81. package/types/components/Stack.d.ts +3 -2
  82. package/types/components/Switch.d.ts +9 -0
  83. package/types/components/ToolButton.d.ts +2 -1
  84. package/types/components/Trans.d.ts +2 -1
  85. package/types/components/canvases/InteractiveCanvas.d.ts +26 -0
  86. package/types/components/canvases/StaticCanvas.d.ts +18 -0
  87. package/types/components/canvases/index.d.ts +3 -0
  88. package/types/components/dropdownMenu/DropdownMenu.d.ts +3 -2
  89. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +3 -2
  90. package/types/components/icons.d.ts +11 -0
  91. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +0 -1
  92. package/types/components/main-menu/MainMenu.d.ts +3 -2
  93. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +0 -1
  94. package/types/components/welcome-screen/WelcomeScreen.d.ts +0 -1
  95. package/types/constants.d.ts +32 -8
  96. package/types/context/tunnels.d.ts +1 -0
  97. package/types/data/index.d.ts +1 -1
  98. package/types/data/library.d.ts +3 -45
  99. package/types/data/transform.d.ts +71 -0
  100. package/types/data/url.d.ts +7 -0
  101. package/types/element/Hyperlink.d.ts +31 -14
  102. package/types/element/binding.d.ts +2 -1
  103. package/types/element/bounds.d.ts +31 -6
  104. package/types/element/collision.d.ts +7 -7
  105. package/types/element/dragElements.d.ts +2 -1
  106. package/types/element/embeddable.d.ts +153 -0
  107. package/types/element/index.d.ts +3 -2
  108. package/types/element/linearElementEditor.d.ts +25 -12
  109. package/types/element/newElement.d.ts +15 -6
  110. package/types/element/sizeHelpers.d.ts +8 -1
  111. package/types/element/textElement.d.ts +5 -7
  112. package/types/element/textWysiwyg.d.ts +1 -1
  113. package/types/element/transformHandles.d.ts +10 -3
  114. package/types/element/typeChecks.d.ts +3 -1
  115. package/types/element/types.d.ts +19 -3
  116. package/types/frame.d.ts +40 -0
  117. package/types/groups.d.ts +14 -11
  118. package/types/history.d.ts +3 -3
  119. package/types/hooks/useCreatePortalContainer.d.ts +4 -0
  120. package/types/hooks/useLibraryItemSvg.d.ts +9 -23
  121. package/types/hooks/useOutsideClick.d.ts +19 -2
  122. package/types/hooks/useScrollPosition.d.ts +1 -0
  123. package/types/i18n.d.ts +5 -2
  124. package/types/jotai.d.ts +16 -104
  125. package/types/keys.d.ts +3 -0
  126. package/types/math.d.ts +1 -0
  127. package/types/packages/excalidraw/example/initialData.d.ts +182 -64
  128. package/types/packages/excalidraw/index.d.ts +2 -0
  129. package/types/packages/excalidraw/webpack.dev.config.d.ts +5 -2
  130. package/types/packages/excalidraw/webpack.prod.config.d.ts +3 -0
  131. package/types/packages/utils.d.ts +26 -26
  132. package/types/renderer/renderElement.d.ts +15 -19
  133. package/types/renderer/renderScene.d.ts +19 -27
  134. package/types/renderer/roundRect.d.ts +1 -1
  135. package/types/scene/Renderer.d.ts +25 -0
  136. package/types/scene/Scene.d.ts +23 -1
  137. package/types/scene/ShapeCache.d.ts +24 -0
  138. package/types/scene/export.d.ts +11 -152
  139. package/types/scene/scroll.d.ts +1 -1
  140. package/types/scene/scrollbars.d.ts +2 -6
  141. package/types/scene/selection.d.ts +25 -5
  142. package/types/scene/types.d.ts +43 -32
  143. package/types/types.d.ts +89 -11
  144. package/types/utility-types.d.ts +3 -1
  145. package/types/utils.d.ts +58 -20
  146. package/types/zindex.d.ts +4 -4
  147. /package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js.LICENSE.txt → vendor-d415b28e9024dee4bb1b.js.LICENSE.txt} +0 -0
  148. /package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.d.ts → vendor-d415b28e9024dee4bb1b.d.ts} +0 -0
  149. /package/types/packages/excalidraw/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.d.ts → vendor-a14cd58fa2db417e42b2.d.ts} +0 -0
package/types/actions/actionClipboard.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const actionCopy: {
3
2
  name: "copy";
4
3
  trackEvent: {
@@ -44,6 +43,10 @@ export declare const actionCut: {
44
43
  showWelcomeScreen: boolean;
45
44
  isLoading: boolean;
46
45
  errorMessage: import("react").ReactNode;
46
+ activeEmbeddable: {
47
+ element: import("../element/types").NonDeletedExcalidrawElement;
48
+ state: "active" | "hover";
49
+ } | null;
47
50
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
48
51
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
49
52
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -51,12 +54,21 @@ export declare const actionCut: {
51
54
  isBindingEnabled: boolean;
52
55
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
53
56
  suggestedBindings: import("../element/binding").SuggestedBinding[];
57
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
58
+ frameRendering: {
59
+ enabled: boolean;
60
+ name: boolean;
61
+ outline: boolean;
62
+ clip: boolean;
63
+ };
64
+ editingFrame: string | null;
65
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
54
66
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
55
67
  activeTool: {
56
68
  lastActiveTool: import("../types").LastActiveTool;
57
69
  locked: boolean;
58
70
  } & ({
59
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
71
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
60
72
  customType: null;
61
73
  } | {
62
74
  type: "custom";
@@ -101,12 +113,13 @@ export declare const actionCut: {
101
113
  openDialog: "imageExport" | "help" | "jsonExport" | null;
102
114
  defaultSidebarDockedPreference: boolean;
103
115
  lastPointerDownWith: import("../element/types").PointerType;
104
- selectedElementIds: {
105
- [id: string]: boolean;
106
- };
116
+ selectedElementIds: Readonly<{
117
+ [id: string]: true;
118
+ }>;
107
119
  previousSelectedElementIds: {
108
- [id: string]: boolean;
120
+ [id: string]: true;
109
121
  };
122
+ selectedElementsAreBeingDragged: boolean;
110
123
  shouldCacheIgnoreZoom: boolean;
111
124
  toast: {
112
125
  message: string;
@@ -114,7 +127,7 @@ export declare const actionCut: {
114
127
  duration?: number | undefined;
115
128
  } | null;
116
129
  zenModeEnabled: boolean;
117
- theme: string;
130
+ theme: import("../element/types").Theme;
118
131
  gridSize: number | null;
119
132
  viewModeEnabled: boolean;
120
133
  selectedGroupIds: {
@@ -137,7 +150,7 @@ export declare const actionCut: {
137
150
  data: import("../charts").Spreadsheet;
138
151
  };
139
152
  pendingImageElementId: string | null;
140
- showHyperlinkPopup: false | "info" | "editor";
153
+ showHyperlinkPopup: false | "editor" | "info";
141
154
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
142
155
  };
143
156
  commitToHistory: false;
@@ -181,6 +194,10 @@ export declare const actionCut: {
181
194
  showWelcomeScreen: boolean;
182
195
  isLoading: boolean;
183
196
  errorMessage: import("react").ReactNode;
197
+ activeEmbeddable: {
198
+ element: import("../element/types").NonDeletedExcalidrawElement;
199
+ state: "active" | "hover";
200
+ } | null;
184
201
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
185
202
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
186
203
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -188,12 +205,21 @@ export declare const actionCut: {
188
205
  isBindingEnabled: boolean;
189
206
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
190
207
  suggestedBindings: import("../element/binding").SuggestedBinding[];
208
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
209
+ frameRendering: {
210
+ enabled: boolean;
211
+ name: boolean;
212
+ outline: boolean;
213
+ clip: boolean;
214
+ };
215
+ editingFrame: string | null;
216
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
191
217
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
192
218
  activeTool: {
193
219
  lastActiveTool: import("../types").LastActiveTool;
194
220
  locked: boolean;
195
221
  } & ({
196
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
222
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
197
223
  customType: null;
198
224
  } | {
199
225
  type: "custom";
@@ -238,12 +264,13 @@ export declare const actionCut: {
238
264
  openDialog: "imageExport" | "help" | "jsonExport" | null;
239
265
  defaultSidebarDockedPreference: boolean;
240
266
  lastPointerDownWith: import("../element/types").PointerType;
241
- selectedElementIds: {
242
- [id: string]: boolean;
243
- };
267
+ selectedElementIds: Readonly<{
268
+ [id: string]: true;
269
+ }>;
244
270
  previousSelectedElementIds: {
245
- [id: string]: boolean;
271
+ [id: string]: true;
246
272
  };
273
+ selectedElementsAreBeingDragged: boolean;
247
274
  shouldCacheIgnoreZoom: boolean;
248
275
  toast: {
249
276
  message: string;
@@ -251,7 +278,7 @@ export declare const actionCut: {
251
278
  duration?: number | undefined;
252
279
  } | null;
253
280
  zenModeEnabled: boolean;
254
- theme: string;
281
+ theme: import("../element/types").Theme;
255
282
  gridSize: number | null;
256
283
  viewModeEnabled: boolean;
257
284
  selectedGroupIds: {
@@ -274,7 +301,7 @@ export declare const actionCut: {
274
301
  data: import("../charts").Spreadsheet;
275
302
  };
276
303
  pendingImageElementId: string | null;
277
- showHyperlinkPopup: false | "info" | "editor";
304
+ showHyperlinkPopup: false | "editor" | "info";
278
305
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
279
306
  };
280
307
  commitToHistory: true;
@@ -285,13 +312,14 @@ export declare const actionCut: {
285
312
  lastActiveTool: import("../types").LastActiveTool;
286
313
  locked: boolean;
287
314
  } & ({
288
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
315
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
289
316
  customType: null;
290
317
  } | {
291
318
  type: "custom";
292
319
  customType: string;
293
320
  });
294
321
  multiElement: null;
322
+ activeEmbeddable: null;
295
323
  selectedElementIds: {};
296
324
  contextMenu: {
297
325
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -307,6 +335,15 @@ export declare const actionCut: {
307
335
  isBindingEnabled: boolean;
308
336
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
309
337
  suggestedBindings: import("../element/binding").SuggestedBinding[];
338
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
339
+ frameRendering: {
340
+ enabled: boolean;
341
+ name: boolean;
342
+ outline: boolean;
343
+ clip: boolean;
344
+ };
345
+ editingFrame: string | null;
346
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
310
347
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
311
348
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
312
349
  penMode: boolean;
@@ -349,8 +386,9 @@ export declare const actionCut: {
349
386
  defaultSidebarDockedPreference: boolean;
350
387
  lastPointerDownWith: import("../element/types").PointerType;
351
388
  previousSelectedElementIds: {
352
- [id: string]: boolean;
389
+ [id: string]: true;
353
390
  };
391
+ selectedElementsAreBeingDragged: boolean;
354
392
  shouldCacheIgnoreZoom: boolean;
355
393
  toast: {
356
394
  message: string;
@@ -358,7 +396,7 @@ export declare const actionCut: {
358
396
  duration?: number | undefined;
359
397
  } | null;
360
398
  zenModeEnabled: boolean;
361
- theme: string;
399
+ theme: import("../element/types").Theme;
362
400
  gridSize: number | null;
363
401
  viewModeEnabled: boolean;
364
402
  selectedGroupIds: {
@@ -381,7 +419,7 @@ export declare const actionCut: {
381
419
  data: import("../charts").Spreadsheet;
382
420
  };
383
421
  pendingImageElementId: string | null;
384
- showHyperlinkPopup: false | "info" | "editor";
422
+ showHyperlinkPopup: false | "editor" | "info";
385
423
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
386
424
  };
387
425
  commitToHistory: boolean;
@@ -410,6 +448,10 @@ export declare const actionCopyAsSvg: {
410
448
  } | null;
411
449
  showWelcomeScreen: boolean;
412
450
  isLoading: boolean;
451
+ activeEmbeddable: {
452
+ element: import("../element/types").NonDeletedExcalidrawElement;
453
+ state: "active" | "hover";
454
+ } | null;
413
455
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
414
456
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
415
457
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -417,13 +459,22 @@ export declare const actionCopyAsSvg: {
417
459
  isBindingEnabled: boolean;
418
460
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
419
461
  suggestedBindings: import("../element/binding").SuggestedBinding[];
462
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
463
+ frameRendering: {
464
+ enabled: boolean;
465
+ name: boolean;
466
+ outline: boolean;
467
+ clip: boolean;
468
+ };
469
+ editingFrame: string | null;
470
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
420
471
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
421
472
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
422
473
  activeTool: {
423
474
  lastActiveTool: import("../types").LastActiveTool;
424
475
  locked: boolean;
425
476
  } & ({
426
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
477
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
427
478
  customType: null;
428
479
  } | {
429
480
  type: "custom";
@@ -468,12 +519,13 @@ export declare const actionCopyAsSvg: {
468
519
  openDialog: "imageExport" | "help" | "jsonExport" | null;
469
520
  defaultSidebarDockedPreference: boolean;
470
521
  lastPointerDownWith: import("../element/types").PointerType;
471
- selectedElementIds: {
472
- [id: string]: boolean;
473
- };
522
+ selectedElementIds: Readonly<{
523
+ [id: string]: true;
524
+ }>;
474
525
  previousSelectedElementIds: {
475
- [id: string]: boolean;
526
+ [id: string]: true;
476
527
  };
528
+ selectedElementsAreBeingDragged: boolean;
477
529
  shouldCacheIgnoreZoom: boolean;
478
530
  toast: {
479
531
  message: string;
@@ -481,7 +533,7 @@ export declare const actionCopyAsSvg: {
481
533
  duration?: number | undefined;
482
534
  } | null;
483
535
  zenModeEnabled: boolean;
484
- theme: string;
536
+ theme: import("../element/types").Theme;
485
537
  gridSize: number | null;
486
538
  viewModeEnabled: boolean;
487
539
  selectedGroupIds: {
@@ -504,7 +556,7 @@ export declare const actionCopyAsSvg: {
504
556
  data: import("../charts").Spreadsheet;
505
557
  };
506
558
  pendingImageElementId: string | null;
507
- showHyperlinkPopup: false | "info" | "editor";
559
+ showHyperlinkPopup: false | "editor" | "info";
508
560
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
509
561
  };
510
562
  commitToHistory: false;
@@ -532,6 +584,10 @@ export declare const actionCopyAsPng: {
532
584
  } | null;
533
585
  showWelcomeScreen: boolean;
534
586
  isLoading: boolean;
587
+ activeEmbeddable: {
588
+ element: import("../element/types").NonDeletedExcalidrawElement;
589
+ state: "active" | "hover";
590
+ } | null;
535
591
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
536
592
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
537
593
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -539,13 +595,22 @@ export declare const actionCopyAsPng: {
539
595
  isBindingEnabled: boolean;
540
596
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
541
597
  suggestedBindings: import("../element/binding").SuggestedBinding[];
598
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
599
+ frameRendering: {
600
+ enabled: boolean;
601
+ name: boolean;
602
+ outline: boolean;
603
+ clip: boolean;
604
+ };
605
+ editingFrame: string | null;
606
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
542
607
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
543
608
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
544
609
  activeTool: {
545
610
  lastActiveTool: import("../types").LastActiveTool;
546
611
  locked: boolean;
547
612
  } & ({
548
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
613
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
549
614
  customType: null;
550
615
  } | {
551
616
  type: "custom";
@@ -590,12 +655,13 @@ export declare const actionCopyAsPng: {
590
655
  openDialog: "imageExport" | "help" | "jsonExport" | null;
591
656
  defaultSidebarDockedPreference: boolean;
592
657
  lastPointerDownWith: import("../element/types").PointerType;
593
- selectedElementIds: {
594
- [id: string]: boolean;
595
- };
658
+ selectedElementIds: Readonly<{
659
+ [id: string]: true;
660
+ }>;
596
661
  previousSelectedElementIds: {
597
- [id: string]: boolean;
662
+ [id: string]: true;
598
663
  };
664
+ selectedElementsAreBeingDragged: boolean;
599
665
  shouldCacheIgnoreZoom: boolean;
600
666
  toast: {
601
667
  message: string;
@@ -603,7 +669,7 @@ export declare const actionCopyAsPng: {
603
669
  duration?: number | undefined;
604
670
  } | null;
605
671
  zenModeEnabled: boolean;
606
- theme: string;
672
+ theme: import("../element/types").Theme;
607
673
  gridSize: number | null;
608
674
  viewModeEnabled: boolean;
609
675
  selectedGroupIds: {
@@ -626,7 +692,7 @@ export declare const actionCopyAsPng: {
626
692
  data: import("../charts").Spreadsheet;
627
693
  };
628
694
  pendingImageElementId: string | null;
629
- showHyperlinkPopup: false | "info" | "editor";
695
+ showHyperlinkPopup: false | "editor" | "info";
630
696
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
631
697
  };
632
698
  commitToHistory: false;
@@ -642,10 +708,10 @@ export declare const copyText: {
642
708
  trackEvent: {
643
709
  category: "element";
644
710
  };
645
- perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
711
+ perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
646
712
  commitToHistory: false;
647
713
  };
648
- predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
714
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
649
715
  contextItemLabel: string;
650
716
  } & {
651
717
  keyTest?: undefined;
package/types/actions/actionDeleteSelected.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ExcalidrawElement } from "../element/types";
3
2
  import { AppState } from "../types";
4
3
  import { LinearElementEditor } from "../element/linearElementEditor";
@@ -20,6 +19,10 @@ export declare const actionDeleteSelected: {
20
19
  showWelcomeScreen: boolean;
21
20
  isLoading: boolean;
22
21
  errorMessage: import("react").ReactNode;
22
+ activeEmbeddable: {
23
+ element: import("../element/types").NonDeletedExcalidrawElement;
24
+ state: "active" | "hover";
25
+ } | null;
23
26
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
24
27
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
25
28
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -27,12 +30,21 @@ export declare const actionDeleteSelected: {
27
30
  isBindingEnabled: boolean;
28
31
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
29
32
  suggestedBindings: import("../element/binding").SuggestedBinding[];
33
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
34
+ frameRendering: {
35
+ enabled: boolean;
36
+ name: boolean;
37
+ outline: boolean;
38
+ clip: boolean;
39
+ };
40
+ editingFrame: string | null;
41
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
30
42
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
31
43
  activeTool: {
32
44
  lastActiveTool: import("../types").LastActiveTool;
33
45
  locked: boolean;
34
46
  } & ({
35
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
47
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
36
48
  customType: null;
37
49
  } | {
38
50
  type: "custom";
@@ -77,12 +89,13 @@ export declare const actionDeleteSelected: {
77
89
  openDialog: "imageExport" | "help" | "jsonExport" | null;
78
90
  defaultSidebarDockedPreference: boolean;
79
91
  lastPointerDownWith: import("../element/types").PointerType;
80
- selectedElementIds: {
81
- [id: string]: boolean;
82
- };
92
+ selectedElementIds: Readonly<{
93
+ [id: string]: true;
94
+ }>;
83
95
  previousSelectedElementIds: {
84
- [id: string]: boolean;
96
+ [id: string]: true;
85
97
  };
98
+ selectedElementsAreBeingDragged: boolean;
86
99
  shouldCacheIgnoreZoom: boolean;
87
100
  toast: {
88
101
  message: string;
@@ -90,7 +103,7 @@ export declare const actionDeleteSelected: {
90
103
  duration?: number | undefined;
91
104
  } | null;
92
105
  zenModeEnabled: boolean;
93
- theme: string;
106
+ theme: import("../element/types").Theme;
94
107
  gridSize: number | null;
95
108
  viewModeEnabled: boolean;
96
109
  selectedGroupIds: {
@@ -113,7 +126,7 @@ export declare const actionDeleteSelected: {
113
126
  data: import("../charts").Spreadsheet;
114
127
  };
115
128
  pendingImageElementId: string | null;
116
- showHyperlinkPopup: false | "info" | "editor";
129
+ showHyperlinkPopup: false | "editor" | "info";
117
130
  selectedLinearElement: LinearElementEditor | null;
118
131
  };
119
132
  commitToHistory: false;
@@ -157,6 +170,10 @@ export declare const actionDeleteSelected: {
157
170
  showWelcomeScreen: boolean;
158
171
  isLoading: boolean;
159
172
  errorMessage: import("react").ReactNode;
173
+ activeEmbeddable: {
174
+ element: import("../element/types").NonDeletedExcalidrawElement;
175
+ state: "active" | "hover";
176
+ } | null;
160
177
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
161
178
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
162
179
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -164,12 +181,21 @@ export declare const actionDeleteSelected: {
164
181
  isBindingEnabled: boolean;
165
182
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
166
183
  suggestedBindings: import("../element/binding").SuggestedBinding[];
184
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
185
+ frameRendering: {
186
+ enabled: boolean;
187
+ name: boolean;
188
+ outline: boolean;
189
+ clip: boolean;
190
+ };
191
+ editingFrame: string | null;
192
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
167
193
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
168
194
  activeTool: {
169
195
  lastActiveTool: import("../types").LastActiveTool;
170
196
  locked: boolean;
171
197
  } & ({
172
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
198
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
173
199
  customType: null;
174
200
  } | {
175
201
  type: "custom";
@@ -214,12 +240,13 @@ export declare const actionDeleteSelected: {
214
240
  openDialog: "imageExport" | "help" | "jsonExport" | null;
215
241
  defaultSidebarDockedPreference: boolean;
216
242
  lastPointerDownWith: import("../element/types").PointerType;
217
- selectedElementIds: {
218
- [id: string]: boolean;
219
- };
243
+ selectedElementIds: Readonly<{
244
+ [id: string]: true;
245
+ }>;
220
246
  previousSelectedElementIds: {
221
- [id: string]: boolean;
247
+ [id: string]: true;
222
248
  };
249
+ selectedElementsAreBeingDragged: boolean;
223
250
  shouldCacheIgnoreZoom: boolean;
224
251
  toast: {
225
252
  message: string;
@@ -227,7 +254,7 @@ export declare const actionDeleteSelected: {
227
254
  duration?: number | undefined;
228
255
  } | null;
229
256
  zenModeEnabled: boolean;
230
- theme: string;
257
+ theme: import("../element/types").Theme;
231
258
  gridSize: number | null;
232
259
  viewModeEnabled: boolean;
233
260
  selectedGroupIds: {
@@ -250,7 +277,7 @@ export declare const actionDeleteSelected: {
250
277
  data: import("../charts").Spreadsheet;
251
278
  };
252
279
  pendingImageElementId: string | null;
253
- showHyperlinkPopup: false | "info" | "editor";
280
+ showHyperlinkPopup: false | "editor" | "info";
254
281
  selectedLinearElement: LinearElementEditor | null;
255
282
  };
256
283
  commitToHistory: true;
@@ -261,13 +288,14 @@ export declare const actionDeleteSelected: {
261
288
  lastActiveTool: import("../types").LastActiveTool;
262
289
  locked: boolean;
263
290
  } & ({
264
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
291
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
265
292
  customType: null;
266
293
  } | {
267
294
  type: "custom";
268
295
  customType: string;
269
296
  });
270
297
  multiElement: null;
298
+ activeEmbeddable: null;
271
299
  selectedElementIds: {};
272
300
  contextMenu: {
273
301
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -283,6 +311,15 @@ export declare const actionDeleteSelected: {
283
311
  isBindingEnabled: boolean;
284
312
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
285
313
  suggestedBindings: import("../element/binding").SuggestedBinding[];
314
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
315
+ frameRendering: {
316
+ enabled: boolean;
317
+ name: boolean;
318
+ outline: boolean;
319
+ clip: boolean;
320
+ };
321
+ editingFrame: string | null;
322
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
286
323
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
287
324
  editingLinearElement: LinearElementEditor | null;
288
325
  penMode: boolean;
@@ -325,8 +362,9 @@ export declare const actionDeleteSelected: {
325
362
  defaultSidebarDockedPreference: boolean;
326
363
  lastPointerDownWith: import("../element/types").PointerType;
327
364
  previousSelectedElementIds: {
328
- [id: string]: boolean;
365
+ [id: string]: true;
329
366
  };
367
+ selectedElementsAreBeingDragged: boolean;
330
368
  shouldCacheIgnoreZoom: boolean;
331
369
  toast: {
332
370
  message: string;
@@ -334,7 +372,7 @@ export declare const actionDeleteSelected: {
334
372
  duration?: number | undefined;
335
373
  } | null;
336
374
  zenModeEnabled: boolean;
337
- theme: string;
375
+ theme: import("../element/types").Theme;
338
376
  gridSize: number | null;
339
377
  viewModeEnabled: boolean;
340
378
  selectedGroupIds: {
@@ -357,7 +395,7 @@ export declare const actionDeleteSelected: {
357
395
  data: import("../charts").Spreadsheet;
358
396
  };
359
397
  pendingImageElementId: string | null;
360
- showHyperlinkPopup: false | "info" | "editor";
398
+ showHyperlinkPopup: false | "editor" | "info";
361
399
  selectedLinearElement: LinearElementEditor | null;
362
400
  };
363
401
  commitToHistory: boolean;
package/types/actions/actionDistribute.d.ts CHANGED
@@ -1,18 +1,17 @@
1
- /// <reference types="react" />
2
1
  import { ExcalidrawElement } from "../element/types";
3
- import { AppState } from "../types";
2
+ import { AppClassProperties, AppState } from "../types";
4
3
  export declare const distributeHorizontally: {
5
4
  name: "distributeHorizontally";
6
5
  trackEvent: {
7
6
  category: "element";
8
7
  };
9
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
8
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
10
9
  appState: Readonly<AppState>;
11
- elements: ExcalidrawElement[];
10
+ elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
12
11
  commitToHistory: true;
13
12
  };
14
13
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
15
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
14
+ PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
16
15
  } & {
17
16
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
18
17
  };
@@ -21,13 +20,13 @@ export declare const distributeVertically: {
21
20
  trackEvent: {
22
21
  category: "element";
23
22
  };
24
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
23
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
25
24
  appState: Readonly<AppState>;
26
- elements: ExcalidrawElement[];
25
+ elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
27
26
  commitToHistory: true;
28
27
  };
29
28
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
30
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
29
+ PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
31
30
  } & {
32
31
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
33
32
  };
package/types/actions/actionDuplicateSelection.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ExcalidrawElement } from "../element/types";
3
2
  import { AppState } from "../types";
4
3
  export declare const actionDuplicateSelection: {