@excalidraw/excalidraw 0.15.2-b7350f9 → 0.15.2-fc9a9a2

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 (99) hide show
  1. package/CHANGELOG.md +22 -1
  2. package/dist/excalidraw-assets/locales/{es-ES-json-f2467c6a875a9e288756.js → es-ES-json-4f3da97feff33cb00e6d.js} +1 -1
  3. package/dist/excalidraw-assets/locales/{hi-IN-json-e22f4ad73126c2971850.js → hi-IN-json-3898c9c1216b44476529.js} +1 -1
  4. package/dist/excalidraw-assets/locales/{id-ID-json-0e69caf5d919807ed234.js → id-ID-json-43d505d7071a0e359681.js} +1 -1
  5. package/dist/excalidraw-assets/locales/{kk-KZ-json-106d2a41c68f69765668.js → kk-KZ-json-f648362328b839e9313f.js} +1 -1
  6. package/dist/excalidraw-assets/locales/{pa-IN-json-0fd029451b07248c5194.js → pa-IN-json-d9ee09801ed220840b2b.js} +1 -1
  7. package/dist/excalidraw-assets/{vendor-53d1c69ef585b6dd219b.js → vendor-ef3c5d81a00ef582b871.js} +2 -2
  8. package/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.js → vendor-a14cd58fa2db417e42b2.js} +6 -6
  9. package/dist/excalidraw.development.js +2189 -2123
  10. package/dist/excalidraw.production.min.js +1 -1
  11. package/dist/excalidraw.production.min.js.LICENSE.txt +15 -0
  12. package/package.json +7 -2
  13. package/types/actions/actionAddToLibrary.d.ts +51 -25
  14. package/types/actions/actionAlign.d.ts +19 -20
  15. package/types/actions/actionBoundText.d.ts +38 -20
  16. package/types/actions/actionCanvas.d.ts +310 -88
  17. package/types/actions/actionClipboard.d.ts +81 -40
  18. package/types/actions/actionDeleteSelected.d.ts +45 -22
  19. package/types/actions/actionDistribute.d.ts +5 -6
  20. package/types/actions/actionDuplicateSelection.d.ts +0 -1
  21. package/types/actions/actionElementLock.d.ts +36 -19
  22. package/types/actions/actionExport.d.ts +161 -80
  23. package/types/actions/actionFinalize.d.ts +31 -17
  24. package/types/actions/actionFlip.d.ts +2 -3
  25. package/types/actions/actionFrame.d.ts +56 -30
  26. package/types/actions/actionGroup.d.ts +5 -6
  27. package/types/actions/actionLinearEditor.d.ts +19 -11
  28. package/types/actions/actionMenu.d.ts +51 -25
  29. package/types/actions/actionProperties.d.ts +221 -105
  30. package/types/actions/actionSelectAll.d.ts +0 -1
  31. package/types/actions/actionStyles.d.ts +17 -9
  32. package/types/actions/actionToggleGridMode.d.ts +17 -9
  33. package/types/actions/actionToggleStats.d.ts +17 -9
  34. package/types/actions/actionToggleViewMode.d.ts +17 -9
  35. package/types/actions/actionToggleZenMode.d.ts +17 -9
  36. package/types/actions/types.d.ts +4 -3
  37. package/types/appState.d.ts +7 -7
  38. package/types/colors.d.ts +9 -9
  39. package/types/components/App.d.ts +27 -1
  40. package/types/components/Button.d.ts +0 -1
  41. package/types/components/Card.d.ts +0 -1
  42. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +0 -1
  43. package/types/components/DefaultSidebar.d.ts +0 -1
  44. package/types/components/EyeDropper.d.ts +0 -1
  45. package/types/components/HintViewer.d.ts +3 -4
  46. package/types/components/LayerUI.d.ts +2 -1
  47. package/types/components/LibraryMenuHeaderContent.d.ts +0 -1
  48. package/types/components/LibraryUnit.d.ts +0 -1
  49. package/types/components/LoadingMessage.d.ts +0 -1
  50. package/types/components/MobileMenu.d.ts +3 -2
  51. package/types/components/Section.d.ts +1 -1
  52. package/types/components/Sidebar/SidebarTab.d.ts +0 -1
  53. package/types/components/Sidebar/SidebarTabTrigger.d.ts +0 -1
  54. package/types/components/Sidebar/SidebarTabTriggers.d.ts +0 -1
  55. package/types/components/Sidebar/SidebarTabs.d.ts +0 -1
  56. package/types/components/Stack.d.ts +2 -2
  57. package/types/components/Trans.d.ts +2 -1
  58. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +0 -1
  59. package/types/components/icons.d.ts +1 -0
  60. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +0 -1
  61. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +0 -1
  62. package/types/components/welcome-screen/WelcomeScreen.d.ts +0 -1
  63. package/types/constants.d.ts +13 -3
  64. package/types/data/url.d.ts +7 -0
  65. package/types/element/Hyperlink.d.ts +26 -14
  66. package/types/element/collision.d.ts +2 -2
  67. package/types/element/embeddable.d.ts +153 -0
  68. package/types/element/linearElementEditor.d.ts +18 -10
  69. package/types/element/newElement.d.ts +5 -2
  70. package/types/element/transformHandles.d.ts +1 -1
  71. package/types/element/typeChecks.d.ts +2 -1
  72. package/types/element/types.d.ts +13 -2
  73. package/types/frame.d.ts +2 -2
  74. package/types/groups.d.ts +3 -3
  75. package/types/history.d.ts +3 -3
  76. package/types/hooks/useOutsideClick.d.ts +0 -1
  77. package/types/hooks/useScrollPosition.d.ts +0 -1
  78. package/types/i18n.d.ts +5 -2
  79. package/types/keys.d.ts +2 -0
  80. package/types/packages/excalidraw/index.d.ts +1 -0
  81. package/types/packages/excalidraw/webpack.dev.config.d.ts +5 -2
  82. package/types/packages/excalidraw/webpack.prod.config.d.ts +3 -0
  83. package/types/packages/utils.d.ts +2 -1
  84. package/types/renderer/renderElement.d.ts +1 -1
  85. package/types/renderer/renderScene.d.ts +2 -1
  86. package/types/scene/Scene.d.ts +13 -0
  87. package/types/scene/export.d.ts +1 -0
  88. package/types/scene/selection.d.ts +11 -1
  89. package/types/types.d.ts +20 -9
  90. package/types/utility-types.d.ts +3 -1
  91. package/types/utils.d.ts +42 -15
  92. /package/dist/excalidraw-assets/{vendor-53d1c69ef585b6dd219b.js.LICENSE.txt → vendor-ef3c5d81a00ef582b871.js.LICENSE.txt} +0 -0
  93. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{es-ES-json-f2467c6a875a9e288756.d.ts → es-ES-json-4f3da97feff33cb00e6d.d.ts} +0 -0
  94. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{hi-IN-json-e22f4ad73126c2971850.d.ts → hi-IN-json-3898c9c1216b44476529.d.ts} +0 -0
  95. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{id-ID-json-0e69caf5d919807ed234.d.ts → id-ID-json-43d505d7071a0e359681.d.ts} +0 -0
  96. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{kk-KZ-json-106d2a41c68f69765668.d.ts → kk-KZ-json-f648362328b839e9313f.d.ts} +0 -0
  97. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{pa-IN-json-0fd029451b07248c5194.d.ts → pa-IN-json-d9ee09801ed220840b2b.d.ts} +0 -0
  98. /package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-53d1c69ef585b6dd219b.d.ts → vendor-ef3c5d81a00ef582b871.d.ts} +0 -0
  99. /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;
@@ -52,7 +55,12 @@ export declare const actionCut: {
52
55
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
53
56
  suggestedBindings: import("../element/binding").SuggestedBinding[];
54
57
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
55
- shouldRenderFrames: boolean;
58
+ frameRendering: {
59
+ enabled: boolean;
60
+ name: boolean;
61
+ outline: boolean;
62
+ clip: boolean;
63
+ };
56
64
  editingFrame: string | null;
57
65
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
58
66
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -60,7 +68,7 @@ export declare const actionCut: {
60
68
  lastActiveTool: import("../types").LastActiveTool;
61
69
  locked: boolean;
62
70
  } & ({
63
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
71
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
64
72
  customType: null;
65
73
  } | {
66
74
  type: "custom";
@@ -105,11 +113,11 @@ export declare const actionCut: {
105
113
  openDialog: "imageExport" | "help" | "jsonExport" | null;
106
114
  defaultSidebarDockedPreference: boolean;
107
115
  lastPointerDownWith: import("../element/types").PointerType;
108
- selectedElementIds: {
109
- [id: string]: boolean;
110
- };
116
+ selectedElementIds: Readonly<{
117
+ [id: string]: true;
118
+ }>;
111
119
  previousSelectedElementIds: {
112
- [id: string]: boolean;
120
+ [id: string]: true;
113
121
  };
114
122
  selectedElementsAreBeingDragged: boolean;
115
123
  shouldCacheIgnoreZoom: boolean;
@@ -119,7 +127,7 @@ export declare const actionCut: {
119
127
  duration?: number | undefined;
120
128
  } | null;
121
129
  zenModeEnabled: boolean;
122
- theme: string;
130
+ theme: import("../element/types").Theme;
123
131
  gridSize: number | null;
124
132
  viewModeEnabled: boolean;
125
133
  selectedGroupIds: {
@@ -142,7 +150,7 @@ export declare const actionCut: {
142
150
  data: import("../charts").Spreadsheet;
143
151
  };
144
152
  pendingImageElementId: string | null;
145
- showHyperlinkPopup: false | "info" | "editor";
153
+ showHyperlinkPopup: false | "editor" | "info";
146
154
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
147
155
  };
148
156
  commitToHistory: false;
@@ -186,6 +194,10 @@ export declare const actionCut: {
186
194
  showWelcomeScreen: boolean;
187
195
  isLoading: boolean;
188
196
  errorMessage: import("react").ReactNode;
197
+ activeEmbeddable: {
198
+ element: import("../element/types").NonDeletedExcalidrawElement;
199
+ state: "active" | "hover";
200
+ } | null;
189
201
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
190
202
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
191
203
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -194,7 +206,12 @@ export declare const actionCut: {
194
206
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
195
207
  suggestedBindings: import("../element/binding").SuggestedBinding[];
196
208
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
197
- shouldRenderFrames: boolean;
209
+ frameRendering: {
210
+ enabled: boolean;
211
+ name: boolean;
212
+ outline: boolean;
213
+ clip: boolean;
214
+ };
198
215
  editingFrame: string | null;
199
216
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
200
217
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -202,7 +219,7 @@ export declare const actionCut: {
202
219
  lastActiveTool: import("../types").LastActiveTool;
203
220
  locked: boolean;
204
221
  } & ({
205
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
222
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
206
223
  customType: null;
207
224
  } | {
208
225
  type: "custom";
@@ -247,11 +264,11 @@ export declare const actionCut: {
247
264
  openDialog: "imageExport" | "help" | "jsonExport" | null;
248
265
  defaultSidebarDockedPreference: boolean;
249
266
  lastPointerDownWith: import("../element/types").PointerType;
250
- selectedElementIds: {
251
- [id: string]: boolean;
252
- };
267
+ selectedElementIds: Readonly<{
268
+ [id: string]: true;
269
+ }>;
253
270
  previousSelectedElementIds: {
254
- [id: string]: boolean;
271
+ [id: string]: true;
255
272
  };
256
273
  selectedElementsAreBeingDragged: boolean;
257
274
  shouldCacheIgnoreZoom: boolean;
@@ -261,7 +278,7 @@ export declare const actionCut: {
261
278
  duration?: number | undefined;
262
279
  } | null;
263
280
  zenModeEnabled: boolean;
264
- theme: string;
281
+ theme: import("../element/types").Theme;
265
282
  gridSize: number | null;
266
283
  viewModeEnabled: boolean;
267
284
  selectedGroupIds: {
@@ -284,7 +301,7 @@ export declare const actionCut: {
284
301
  data: import("../charts").Spreadsheet;
285
302
  };
286
303
  pendingImageElementId: string | null;
287
- showHyperlinkPopup: false | "info" | "editor";
304
+ showHyperlinkPopup: false | "editor" | "info";
288
305
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
289
306
  };
290
307
  commitToHistory: true;
@@ -295,13 +312,14 @@ export declare const actionCut: {
295
312
  lastActiveTool: import("../types").LastActiveTool;
296
313
  locked: boolean;
297
314
  } & ({
298
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
315
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
299
316
  customType: null;
300
317
  } | {
301
318
  type: "custom";
302
319
  customType: string;
303
320
  });
304
321
  multiElement: null;
322
+ activeEmbeddable: null;
305
323
  selectedElementIds: {};
306
324
  contextMenu: {
307
325
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -318,7 +336,12 @@ export declare const actionCut: {
318
336
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
319
337
  suggestedBindings: import("../element/binding").SuggestedBinding[];
320
338
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
321
- shouldRenderFrames: boolean;
339
+ frameRendering: {
340
+ enabled: boolean;
341
+ name: boolean;
342
+ outline: boolean;
343
+ clip: boolean;
344
+ };
322
345
  editingFrame: string | null;
323
346
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
324
347
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -363,7 +386,7 @@ export declare const actionCut: {
363
386
  defaultSidebarDockedPreference: boolean;
364
387
  lastPointerDownWith: import("../element/types").PointerType;
365
388
  previousSelectedElementIds: {
366
- [id: string]: boolean;
389
+ [id: string]: true;
367
390
  };
368
391
  selectedElementsAreBeingDragged: boolean;
369
392
  shouldCacheIgnoreZoom: boolean;
@@ -373,7 +396,7 @@ export declare const actionCut: {
373
396
  duration?: number | undefined;
374
397
  } | null;
375
398
  zenModeEnabled: boolean;
376
- theme: string;
399
+ theme: import("../element/types").Theme;
377
400
  gridSize: number | null;
378
401
  viewModeEnabled: boolean;
379
402
  selectedGroupIds: {
@@ -396,7 +419,7 @@ export declare const actionCut: {
396
419
  data: import("../charts").Spreadsheet;
397
420
  };
398
421
  pendingImageElementId: string | null;
399
- showHyperlinkPopup: false | "info" | "editor";
422
+ showHyperlinkPopup: false | "editor" | "info";
400
423
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
401
424
  };
402
425
  commitToHistory: boolean;
@@ -425,6 +448,10 @@ export declare const actionCopyAsSvg: {
425
448
  } | null;
426
449
  showWelcomeScreen: boolean;
427
450
  isLoading: boolean;
451
+ activeEmbeddable: {
452
+ element: import("../element/types").NonDeletedExcalidrawElement;
453
+ state: "active" | "hover";
454
+ } | null;
428
455
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
429
456
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
430
457
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -433,7 +460,12 @@ export declare const actionCopyAsSvg: {
433
460
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
434
461
  suggestedBindings: import("../element/binding").SuggestedBinding[];
435
462
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
436
- shouldRenderFrames: boolean;
463
+ frameRendering: {
464
+ enabled: boolean;
465
+ name: boolean;
466
+ outline: boolean;
467
+ clip: boolean;
468
+ };
437
469
  editingFrame: string | null;
438
470
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
439
471
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -442,7 +474,7 @@ export declare const actionCopyAsSvg: {
442
474
  lastActiveTool: import("../types").LastActiveTool;
443
475
  locked: boolean;
444
476
  } & ({
445
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
477
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
446
478
  customType: null;
447
479
  } | {
448
480
  type: "custom";
@@ -487,11 +519,11 @@ export declare const actionCopyAsSvg: {
487
519
  openDialog: "imageExport" | "help" | "jsonExport" | null;
488
520
  defaultSidebarDockedPreference: boolean;
489
521
  lastPointerDownWith: import("../element/types").PointerType;
490
- selectedElementIds: {
491
- [id: string]: boolean;
492
- };
522
+ selectedElementIds: Readonly<{
523
+ [id: string]: true;
524
+ }>;
493
525
  previousSelectedElementIds: {
494
- [id: string]: boolean;
526
+ [id: string]: true;
495
527
  };
496
528
  selectedElementsAreBeingDragged: boolean;
497
529
  shouldCacheIgnoreZoom: boolean;
@@ -501,7 +533,7 @@ export declare const actionCopyAsSvg: {
501
533
  duration?: number | undefined;
502
534
  } | null;
503
535
  zenModeEnabled: boolean;
504
- theme: string;
536
+ theme: import("../element/types").Theme;
505
537
  gridSize: number | null;
506
538
  viewModeEnabled: boolean;
507
539
  selectedGroupIds: {
@@ -524,7 +556,7 @@ export declare const actionCopyAsSvg: {
524
556
  data: import("../charts").Spreadsheet;
525
557
  };
526
558
  pendingImageElementId: string | null;
527
- showHyperlinkPopup: false | "info" | "editor";
559
+ showHyperlinkPopup: false | "editor" | "info";
528
560
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
529
561
  };
530
562
  commitToHistory: false;
@@ -552,6 +584,10 @@ export declare const actionCopyAsPng: {
552
584
  } | null;
553
585
  showWelcomeScreen: boolean;
554
586
  isLoading: boolean;
587
+ activeEmbeddable: {
588
+ element: import("../element/types").NonDeletedExcalidrawElement;
589
+ state: "active" | "hover";
590
+ } | null;
555
591
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
556
592
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
557
593
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -560,7 +596,12 @@ export declare const actionCopyAsPng: {
560
596
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
561
597
  suggestedBindings: import("../element/binding").SuggestedBinding[];
562
598
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
563
- shouldRenderFrames: boolean;
599
+ frameRendering: {
600
+ enabled: boolean;
601
+ name: boolean;
602
+ outline: boolean;
603
+ clip: boolean;
604
+ };
564
605
  editingFrame: string | null;
565
606
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
566
607
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -569,7 +610,7 @@ export declare const actionCopyAsPng: {
569
610
  lastActiveTool: import("../types").LastActiveTool;
570
611
  locked: boolean;
571
612
  } & ({
572
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
613
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
573
614
  customType: null;
574
615
  } | {
575
616
  type: "custom";
@@ -614,11 +655,11 @@ export declare const actionCopyAsPng: {
614
655
  openDialog: "imageExport" | "help" | "jsonExport" | null;
615
656
  defaultSidebarDockedPreference: boolean;
616
657
  lastPointerDownWith: import("../element/types").PointerType;
617
- selectedElementIds: {
618
- [id: string]: boolean;
619
- };
658
+ selectedElementIds: Readonly<{
659
+ [id: string]: true;
660
+ }>;
620
661
  previousSelectedElementIds: {
621
- [id: string]: boolean;
662
+ [id: string]: true;
622
663
  };
623
664
  selectedElementsAreBeingDragged: boolean;
624
665
  shouldCacheIgnoreZoom: boolean;
@@ -628,7 +669,7 @@ export declare const actionCopyAsPng: {
628
669
  duration?: number | undefined;
629
670
  } | null;
630
671
  zenModeEnabled: boolean;
631
- theme: string;
672
+ theme: import("../element/types").Theme;
632
673
  gridSize: number | null;
633
674
  viewModeEnabled: boolean;
634
675
  selectedGroupIds: {
@@ -651,7 +692,7 @@ export declare const actionCopyAsPng: {
651
692
  data: import("../charts").Spreadsheet;
652
693
  };
653
694
  pendingImageElementId: string | null;
654
- showHyperlinkPopup: false | "info" | "editor";
695
+ showHyperlinkPopup: false | "editor" | "info";
655
696
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
656
697
  };
657
698
  commitToHistory: false;
@@ -667,10 +708,10 @@ export declare const copyText: {
667
708
  trackEvent: {
668
709
  category: "element";
669
710
  };
670
- 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) => {
671
712
  commitToHistory: false;
672
713
  };
673
- 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;
674
715
  contextItemLabel: string;
675
716
  } & {
676
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;
@@ -28,7 +31,12 @@ export declare const actionDeleteSelected: {
28
31
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
29
32
  suggestedBindings: import("../element/binding").SuggestedBinding[];
30
33
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
31
- shouldRenderFrames: boolean;
34
+ frameRendering: {
35
+ enabled: boolean;
36
+ name: boolean;
37
+ outline: boolean;
38
+ clip: boolean;
39
+ };
32
40
  editingFrame: string | null;
33
41
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
34
42
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -36,7 +44,7 @@ export declare const actionDeleteSelected: {
36
44
  lastActiveTool: import("../types").LastActiveTool;
37
45
  locked: boolean;
38
46
  } & ({
39
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
47
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
40
48
  customType: null;
41
49
  } | {
42
50
  type: "custom";
@@ -81,11 +89,11 @@ export declare const actionDeleteSelected: {
81
89
  openDialog: "imageExport" | "help" | "jsonExport" | null;
82
90
  defaultSidebarDockedPreference: boolean;
83
91
  lastPointerDownWith: import("../element/types").PointerType;
84
- selectedElementIds: {
85
- [id: string]: boolean;
86
- };
92
+ selectedElementIds: Readonly<{
93
+ [id: string]: true;
94
+ }>;
87
95
  previousSelectedElementIds: {
88
- [id: string]: boolean;
96
+ [id: string]: true;
89
97
  };
90
98
  selectedElementsAreBeingDragged: boolean;
91
99
  shouldCacheIgnoreZoom: boolean;
@@ -95,7 +103,7 @@ export declare const actionDeleteSelected: {
95
103
  duration?: number | undefined;
96
104
  } | null;
97
105
  zenModeEnabled: boolean;
98
- theme: string;
106
+ theme: import("../element/types").Theme;
99
107
  gridSize: number | null;
100
108
  viewModeEnabled: boolean;
101
109
  selectedGroupIds: {
@@ -118,7 +126,7 @@ export declare const actionDeleteSelected: {
118
126
  data: import("../charts").Spreadsheet;
119
127
  };
120
128
  pendingImageElementId: string | null;
121
- showHyperlinkPopup: false | "info" | "editor";
129
+ showHyperlinkPopup: false | "editor" | "info";
122
130
  selectedLinearElement: LinearElementEditor | null;
123
131
  };
124
132
  commitToHistory: false;
@@ -162,6 +170,10 @@ export declare const actionDeleteSelected: {
162
170
  showWelcomeScreen: boolean;
163
171
  isLoading: boolean;
164
172
  errorMessage: import("react").ReactNode;
173
+ activeEmbeddable: {
174
+ element: import("../element/types").NonDeletedExcalidrawElement;
175
+ state: "active" | "hover";
176
+ } | null;
165
177
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
166
178
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
167
179
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -170,7 +182,12 @@ export declare const actionDeleteSelected: {
170
182
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
171
183
  suggestedBindings: import("../element/binding").SuggestedBinding[];
172
184
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
173
- shouldRenderFrames: boolean;
185
+ frameRendering: {
186
+ enabled: boolean;
187
+ name: boolean;
188
+ outline: boolean;
189
+ clip: boolean;
190
+ };
174
191
  editingFrame: string | null;
175
192
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
176
193
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -178,7 +195,7 @@ export declare const actionDeleteSelected: {
178
195
  lastActiveTool: import("../types").LastActiveTool;
179
196
  locked: boolean;
180
197
  } & ({
181
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
198
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
182
199
  customType: null;
183
200
  } | {
184
201
  type: "custom";
@@ -223,11 +240,11 @@ export declare const actionDeleteSelected: {
223
240
  openDialog: "imageExport" | "help" | "jsonExport" | null;
224
241
  defaultSidebarDockedPreference: boolean;
225
242
  lastPointerDownWith: import("../element/types").PointerType;
226
- selectedElementIds: {
227
- [id: string]: boolean;
228
- };
243
+ selectedElementIds: Readonly<{
244
+ [id: string]: true;
245
+ }>;
229
246
  previousSelectedElementIds: {
230
- [id: string]: boolean;
247
+ [id: string]: true;
231
248
  };
232
249
  selectedElementsAreBeingDragged: boolean;
233
250
  shouldCacheIgnoreZoom: boolean;
@@ -237,7 +254,7 @@ export declare const actionDeleteSelected: {
237
254
  duration?: number | undefined;
238
255
  } | null;
239
256
  zenModeEnabled: boolean;
240
- theme: string;
257
+ theme: import("../element/types").Theme;
241
258
  gridSize: number | null;
242
259
  viewModeEnabled: boolean;
243
260
  selectedGroupIds: {
@@ -260,7 +277,7 @@ export declare const actionDeleteSelected: {
260
277
  data: import("../charts").Spreadsheet;
261
278
  };
262
279
  pendingImageElementId: string | null;
263
- showHyperlinkPopup: false | "info" | "editor";
280
+ showHyperlinkPopup: false | "editor" | "info";
264
281
  selectedLinearElement: LinearElementEditor | null;
265
282
  };
266
283
  commitToHistory: true;
@@ -271,13 +288,14 @@ export declare const actionDeleteSelected: {
271
288
  lastActiveTool: import("../types").LastActiveTool;
272
289
  locked: boolean;
273
290
  } & ({
274
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
291
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
275
292
  customType: null;
276
293
  } | {
277
294
  type: "custom";
278
295
  customType: string;
279
296
  });
280
297
  multiElement: null;
298
+ activeEmbeddable: null;
281
299
  selectedElementIds: {};
282
300
  contextMenu: {
283
301
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -294,7 +312,12 @@ export declare const actionDeleteSelected: {
294
312
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
295
313
  suggestedBindings: import("../element/binding").SuggestedBinding[];
296
314
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
297
- shouldRenderFrames: boolean;
315
+ frameRendering: {
316
+ enabled: boolean;
317
+ name: boolean;
318
+ outline: boolean;
319
+ clip: boolean;
320
+ };
298
321
  editingFrame: string | null;
299
322
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
300
323
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -339,7 +362,7 @@ export declare const actionDeleteSelected: {
339
362
  defaultSidebarDockedPreference: boolean;
340
363
  lastPointerDownWith: import("../element/types").PointerType;
341
364
  previousSelectedElementIds: {
342
- [id: string]: boolean;
365
+ [id: string]: true;
343
366
  };
344
367
  selectedElementsAreBeingDragged: boolean;
345
368
  shouldCacheIgnoreZoom: boolean;
@@ -349,7 +372,7 @@ export declare const actionDeleteSelected: {
349
372
  duration?: number | undefined;
350
373
  } | null;
351
374
  zenModeEnabled: boolean;
352
- theme: string;
375
+ theme: import("../element/types").Theme;
353
376
  gridSize: number | null;
354
377
  viewModeEnabled: boolean;
355
378
  selectedGroupIds: {
@@ -372,7 +395,7 @@ export declare const actionDeleteSelected: {
372
395
  data: import("../charts").Spreadsheet;
373
396
  };
374
397
  pendingImageElementId: string | null;
375
- showHyperlinkPopup: false | "info" | "editor";
398
+ showHyperlinkPopup: false | "editor" | "info";
376
399
  selectedLinearElement: LinearElementEditor | null;
377
400
  };
378
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
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
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: {