@dwelle/excalidraw 0.4.0-d68dd48 → 0.4.0-e03b600

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 (163) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/README.md +4 -0
  3. package/dist/excalidraw.development.js +1314 -248
  4. package/dist/excalidraw.production.min.js +1 -1
  5. package/package.json +2 -2
  6. package/types/actions/actionAddToLibrary.d.ts +36 -12
  7. package/types/actions/actionAlign.d.ts +6 -0
  8. package/types/actions/actionBoundText.d.ts +24 -8
  9. package/types/actions/actionCanvas.d.ts +235 -41
  10. package/types/actions/actionClipboard.d.ts +60 -20
  11. package/types/actions/actionDeleteSelected.d.ts +36 -12
  12. package/types/actions/actionElementLock.d.ts +254 -0
  13. package/types/actions/actionExport.d.ts +109 -37
  14. package/types/actions/actionFinalize.d.ts +24 -8
  15. package/types/actions/actionFlip.d.ts +2 -4
  16. package/types/actions/actionFrame.d.ts +397 -0
  17. package/types/actions/actionGroup.d.ts +2 -2
  18. package/types/actions/actionHistory.d.ts +1 -1
  19. package/types/actions/actionLinearEditor.d.ts +12 -4
  20. package/types/actions/actionMenu.d.ts +37 -14
  21. package/types/actions/actionNavigate.d.ts +1 -1
  22. package/types/actions/actionProperties.d.ts +158 -54
  23. package/types/actions/actionStyles.d.ts +12 -4
  24. package/types/actions/actionToggleGridMode.d.ts +12 -4
  25. package/types/actions/actionToggleStats.d.ts +12 -4
  26. package/types/actions/actionToggleViewMode.d.ts +12 -4
  27. package/types/actions/actionToggleZenMode.d.ts +12 -4
  28. package/types/actions/actionZindex.d.ts +4 -4
  29. package/types/actions/index.d.ts +1 -1
  30. package/types/actions/manager.d.ts +1 -1
  31. package/types/actions/shortcuts.d.ts +1 -1
  32. package/types/actions/types.d.ts +7 -7
  33. package/types/appState.d.ts +6 -3
  34. package/types/charts.d.ts +2 -2
  35. package/types/clients.d.ts +5 -6
  36. package/types/clipboard.d.ts +2 -2
  37. package/types/colors.d.ts +60 -5
  38. package/types/components/Actions.d.ts +5 -5
  39. package/types/components/ActiveConfirmDialog.d.ts +1 -21
  40. package/types/components/App.d.ts +32 -9
  41. package/types/components/Avatar.d.ts +1 -2
  42. package/types/components/Button.d.ts +3 -1
  43. package/types/components/ColorPicker/ColorInput.d.ts +7 -0
  44. package/types/components/ColorPicker/ColorPicker.d.ts +19 -0
  45. package/types/components/ColorPicker/CustomColorList.d.ts +8 -0
  46. package/types/components/ColorPicker/HotkeyLabel.d.ts +8 -0
  47. package/types/components/ColorPicker/Picker.d.ts +18 -0
  48. package/types/components/ColorPicker/PickerColorList.d.ts +10 -0
  49. package/types/components/ColorPicker/PickerHeading.d.ts +5 -0
  50. package/types/components/ColorPicker/ShadeList.d.ts +8 -0
  51. package/types/components/ColorPicker/TopPicks.d.ts +9 -0
  52. package/types/components/ColorPicker/colorPickerUtils.d.ts +21 -0
  53. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +21 -0
  54. package/types/components/ContextMenu.d.ts +3 -3
  55. package/types/components/DefaultSidebar.d.ts +30 -0
  56. package/types/components/Dialog.d.ts +3 -4
  57. package/types/components/EyeDropper.d.ts +18 -0
  58. package/types/components/FilledButton.d.ts +17 -0
  59. package/types/components/FixedSideContainer.d.ts +1 -1
  60. package/types/components/HandButton.d.ts +1 -1
  61. package/types/components/HelpButton.d.ts +1 -1
  62. package/types/components/HintViewer.d.ts +2 -2
  63. package/types/components/HomeButton.d.ts +1 -1
  64. package/types/components/ImageExportDialog.d.ts +8 -13
  65. package/types/components/Island.d.ts +1 -1
  66. package/types/components/JSONExportDialog.d.ts +4 -4
  67. package/types/components/LayerUI.d.ts +4 -10
  68. package/types/components/LibraryMenu.d.ts +13 -14
  69. package/types/components/LibraryMenuBrowseButton.d.ts +2 -2
  70. package/types/components/LibraryMenuControlButtons.d.ts +9 -0
  71. package/types/components/LibraryMenuHeaderContent.d.ts +11 -28
  72. package/types/components/LibraryMenuItems.d.ts +6 -7
  73. package/types/components/LibraryMenuSection.d.ts +22 -0
  74. package/types/components/LibraryUnit.d.ts +7 -3
  75. package/types/components/LockButton.d.ts +1 -1
  76. package/types/components/MobileMenu.d.ts +4 -4
  77. package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts +17 -0
  78. package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts +17 -0
  79. package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts +22 -0
  80. package/types/components/PasteChartDialog.d.ts +4 -5
  81. package/types/components/PenModeButton.d.ts +1 -1
  82. package/types/components/Popover.d.ts +1 -1
  83. package/types/components/ProjectName.d.ts +2 -1
  84. package/types/components/PublishLibrary.d.ts +2 -2
  85. package/types/components/RadioGroup.d.ts +12 -0
  86. package/types/components/Sidebar/Sidebar.d.ts +66 -63
  87. package/types/components/Sidebar/SidebarHeader.d.ts +6 -19
  88. package/types/components/Sidebar/SidebarTab.d.ts +9 -0
  89. package/types/components/Sidebar/SidebarTabTrigger.d.ts +10 -0
  90. package/types/components/Sidebar/SidebarTabTriggers.d.ts +7 -0
  91. package/types/components/Sidebar/SidebarTabs.d.ts +7 -0
  92. package/types/components/Sidebar/SidebarTrigger.d.ts +6 -0
  93. package/types/components/Sidebar/common.d.ts +24 -7
  94. package/types/components/Spinner.d.ts +2 -1
  95. package/types/components/Stack.d.ts +4 -3
  96. package/types/components/Stats.d.ts +3 -3
  97. package/types/components/Switch.d.ts +9 -0
  98. package/types/components/ToolButton.d.ts +5 -4
  99. package/types/components/Tooltip.d.ts +1 -1
  100. package/types/components/Trans.d.ts +8 -0
  101. package/types/components/dropdownMenu/DropdownMenu.d.ts +3 -2
  102. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +4 -2
  103. package/types/components/footer/Footer.d.ts +2 -2
  104. package/types/components/icons.d.ts +11 -1
  105. package/types/components/main-menu/MainMenu.d.ts +3 -2
  106. package/types/constants.d.ts +42 -6
  107. package/types/context/tunnels.d.ts +19 -0
  108. package/types/context/ui-appState.d.ts +4 -0
  109. package/types/data/blob.d.ts +2 -2
  110. package/types/data/encode.d.ts +1 -1
  111. package/types/data/filesystem.d.ts +2 -1
  112. package/types/data/library.d.ts +3 -45
  113. package/types/data/restore.d.ts +2 -2
  114. package/types/data/types.d.ts +3 -5
  115. package/types/element/Hyperlink.d.ts +14 -6
  116. package/types/element/binding.d.ts +3 -3
  117. package/types/element/bounds.d.ts +31 -6
  118. package/types/element/collision.d.ts +7 -7
  119. package/types/element/dragElements.d.ts +2 -1
  120. package/types/element/image.d.ts +11 -1
  121. package/types/element/index.d.ts +3 -2
  122. package/types/element/linearElementEditor.d.ts +13 -5
  123. package/types/element/mutateElement.d.ts +1 -1
  124. package/types/element/newElement.d.ts +10 -3
  125. package/types/element/resizeElements.d.ts +1 -0
  126. package/types/element/showSelectedShapeActions.d.ts +2 -2
  127. package/types/element/textElement.d.ts +3 -2
  128. package/types/element/transformHandles.d.ts +12 -5
  129. package/types/element/typeChecks.d.ts +2 -1
  130. package/types/element/types.d.ts +40 -35
  131. package/types/emitter.d.ts +1 -1
  132. package/types/errors.d.ts +1 -1
  133. package/types/frame.d.ts +40 -0
  134. package/types/ga.d.ts +5 -5
  135. package/types/groups.d.ts +4 -0
  136. package/types/hooks/useCreatePortalContainer.d.ts +4 -0
  137. package/types/hooks/useLibraryItemSvg.d.ts +11 -0
  138. package/types/hooks/useOutsideClick.d.ts +19 -1
  139. package/types/hooks/useScrollPosition.d.ts +2 -0
  140. package/types/hooks/useTransition.d.ts +2 -0
  141. package/types/i18n.d.ts +2 -2
  142. package/types/jotai.d.ts +16 -104
  143. package/types/keys.d.ts +2 -1
  144. package/types/math.d.ts +1 -0
  145. package/types/packages/excalidraw/example/initialData.d.ts +6 -0
  146. package/types/packages/excalidraw/index.d.ts +2 -1
  147. package/types/packages/utils.d.ts +2 -2
  148. package/types/renderer/renderElement.d.ts +4 -3
  149. package/types/renderer/renderScene.d.ts +12 -3
  150. package/types/renderer/roundRect.d.ts +1 -1
  151. package/types/scene/Scene.d.ts +12 -5
  152. package/types/scene/export.d.ts +3 -2
  153. package/types/scene/selection.d.ts +15 -5
  154. package/types/scene/types.d.ts +4 -4
  155. package/types/types.d.ts +91 -52
  156. package/types/utility-types.d.ts +13 -13
  157. package/types/utils.d.ts +20 -25
  158. package/types/zindex.d.ts +4 -4
  159. package/types/actions/actionToggleLock.d.ts +0 -119
  160. package/types/components/ColorPicker.d.ts +0 -14
  161. package/types/components/LibraryButton.d.ts +0 -8
  162. package/types/components/context/tunnels.d.ts +0 -16
  163. package/types/components/hoc/withUpstreamOverride.d.ts +0 -10
package/types/actions/actionExport.d.ts CHANGED
@@ -21,13 +21,17 @@ export declare const actionChangeProjectName: {
21
21
  isBindingEnabled: boolean;
22
22
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
23
23
  suggestedBindings: import("../element/binding").SuggestedBinding[];
24
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
25
+ shouldRenderFrames: boolean;
26
+ editingFrame: string | null;
27
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
24
28
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
25
29
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
26
30
  activeTool: {
27
31
  lastActiveTool: import("../types").LastActiveTool;
28
32
  locked: boolean;
29
33
  } & ({
30
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
34
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
31
35
  customType: null;
32
36
  } | {
33
37
  type: "custom";
@@ -63,10 +67,13 @@ export declare const actionChangeProjectName: {
63
67
  value: import("../types").NormalizedZoomValue;
64
68
  }>;
65
69
  openMenu: "canvas" | "shape" | null;
66
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
67
- openSidebar: "library" | "customSidebar" | null;
70
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
71
+ openSidebar: {
72
+ name: string;
73
+ tab?: string | undefined;
74
+ } | null;
68
75
  openDialog: "imageExport" | "help" | "jsonExport" | null;
69
- isSidebarDocked: boolean;
76
+ defaultSidebarDockedPreference: boolean;
70
77
  lastPointerDownWith: import("../element/types").PointerType;
71
78
  selectedElementIds: {
72
79
  [id: string]: boolean;
@@ -74,6 +81,7 @@ export declare const actionChangeProjectName: {
74
81
  previousSelectedElementIds: {
75
82
  [id: string]: boolean;
76
83
  };
84
+ selectedElementsAreBeingDragged: boolean;
77
85
  shouldCacheIgnoreZoom: boolean;
78
86
  toast: {
79
87
  message: string;
@@ -109,7 +117,7 @@ export declare const actionChangeProjectName: {
109
117
  };
110
118
  commitToHistory: false;
111
119
  };
112
- PanelComponent: ({ appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
120
+ PanelComponent: ({ appState, updateData, appProps, data }: import("./types").PanelComponentProps) => JSX.Element;
113
121
  } & {
114
122
  keyTest?: undefined;
115
123
  };
@@ -137,13 +145,17 @@ export declare const actionChangeExportScale: {
137
145
  isBindingEnabled: boolean;
138
146
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
139
147
  suggestedBindings: import("../element/binding").SuggestedBinding[];
148
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
149
+ shouldRenderFrames: boolean;
150
+ editingFrame: string | null;
151
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
140
152
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
141
153
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
142
154
  activeTool: {
143
155
  lastActiveTool: import("../types").LastActiveTool;
144
156
  locked: boolean;
145
157
  } & ({
146
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
158
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
147
159
  customType: null;
148
160
  } | {
149
161
  type: "custom";
@@ -179,10 +191,13 @@ export declare const actionChangeExportScale: {
179
191
  value: import("../types").NormalizedZoomValue;
180
192
  }>;
181
193
  openMenu: "canvas" | "shape" | null;
182
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
183
- openSidebar: "library" | "customSidebar" | null;
194
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
195
+ openSidebar: {
196
+ name: string;
197
+ tab?: string | undefined;
198
+ } | null;
184
199
  openDialog: "imageExport" | "help" | "jsonExport" | null;
185
- isSidebarDocked: boolean;
200
+ defaultSidebarDockedPreference: boolean;
186
201
  lastPointerDownWith: import("../element/types").PointerType;
187
202
  selectedElementIds: {
188
203
  [id: string]: boolean;
@@ -190,6 +205,7 @@ export declare const actionChangeExportScale: {
190
205
  previousSelectedElementIds: {
191
206
  [id: string]: boolean;
192
207
  };
208
+ selectedElementsAreBeingDragged: boolean;
193
209
  shouldCacheIgnoreZoom: boolean;
194
210
  toast: {
195
211
  message: string;
@@ -253,13 +269,17 @@ export declare const actionChangeExportBackground: {
253
269
  isBindingEnabled: boolean;
254
270
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
255
271
  suggestedBindings: import("../element/binding").SuggestedBinding[];
272
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
273
+ shouldRenderFrames: boolean;
274
+ editingFrame: string | null;
275
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
256
276
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
257
277
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
258
278
  activeTool: {
259
279
  lastActiveTool: import("../types").LastActiveTool;
260
280
  locked: boolean;
261
281
  } & ({
262
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
282
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
263
283
  customType: null;
264
284
  } | {
265
285
  type: "custom";
@@ -295,10 +315,13 @@ export declare const actionChangeExportBackground: {
295
315
  value: import("../types").NormalizedZoomValue;
296
316
  }>;
297
317
  openMenu: "canvas" | "shape" | null;
298
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
299
- openSidebar: "library" | "customSidebar" | null;
318
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
319
+ openSidebar: {
320
+ name: string;
321
+ tab?: string | undefined;
322
+ } | null;
300
323
  openDialog: "imageExport" | "help" | "jsonExport" | null;
301
- isSidebarDocked: boolean;
324
+ defaultSidebarDockedPreference: boolean;
302
325
  lastPointerDownWith: import("../element/types").PointerType;
303
326
  selectedElementIds: {
304
327
  [id: string]: boolean;
@@ -306,6 +329,7 @@ export declare const actionChangeExportBackground: {
306
329
  previousSelectedElementIds: {
307
330
  [id: string]: boolean;
308
331
  };
332
+ selectedElementsAreBeingDragged: boolean;
309
333
  shouldCacheIgnoreZoom: boolean;
310
334
  toast: {
311
335
  message: string;
@@ -369,13 +393,17 @@ export declare const actionChangeExportEmbedScene: {
369
393
  isBindingEnabled: boolean;
370
394
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
371
395
  suggestedBindings: import("../element/binding").SuggestedBinding[];
396
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
397
+ shouldRenderFrames: boolean;
398
+ editingFrame: string | null;
399
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
372
400
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
373
401
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
374
402
  activeTool: {
375
403
  lastActiveTool: import("../types").LastActiveTool;
376
404
  locked: boolean;
377
405
  } & ({
378
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
406
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
379
407
  customType: null;
380
408
  } | {
381
409
  type: "custom";
@@ -411,10 +439,13 @@ export declare const actionChangeExportEmbedScene: {
411
439
  value: import("../types").NormalizedZoomValue;
412
440
  }>;
413
441
  openMenu: "canvas" | "shape" | null;
414
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
415
- openSidebar: "library" | "customSidebar" | null;
442
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
443
+ openSidebar: {
444
+ name: string;
445
+ tab?: string | undefined;
446
+ } | null;
416
447
  openDialog: "imageExport" | "help" | "jsonExport" | null;
417
- isSidebarDocked: boolean;
448
+ defaultSidebarDockedPreference: boolean;
418
449
  lastPointerDownWith: import("../element/types").PointerType;
419
450
  selectedElementIds: {
420
451
  [id: string]: boolean;
@@ -422,6 +453,7 @@ export declare const actionChangeExportEmbedScene: {
422
453
  previousSelectedElementIds: {
423
454
  [id: string]: boolean;
424
455
  };
456
+ selectedElementsAreBeingDragged: boolean;
425
457
  shouldCacheIgnoreZoom: boolean;
426
458
  toast: {
427
459
  message: string;
@@ -489,13 +521,17 @@ export declare const actionSaveToActiveFile: {
489
521
  isBindingEnabled: boolean;
490
522
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
491
523
  suggestedBindings: import("../element/binding").SuggestedBinding[];
524
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
525
+ shouldRenderFrames: boolean;
526
+ editingFrame: string | null;
527
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
492
528
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
493
529
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
494
530
  activeTool: {
495
531
  lastActiveTool: import("../types").LastActiveTool;
496
532
  locked: boolean;
497
533
  } & ({
498
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
534
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
499
535
  customType: null;
500
536
  } | {
501
537
  type: "custom";
@@ -532,10 +568,13 @@ export declare const actionSaveToActiveFile: {
532
568
  value: import("../types").NormalizedZoomValue;
533
569
  }>;
534
570
  openMenu: "canvas" | "shape" | null;
535
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
536
- openSidebar: "library" | "customSidebar" | null;
571
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
572
+ openSidebar: {
573
+ name: string;
574
+ tab?: string | undefined;
575
+ } | null;
537
576
  openDialog: "imageExport" | "help" | "jsonExport" | null;
538
- isSidebarDocked: boolean;
577
+ defaultSidebarDockedPreference: boolean;
539
578
  lastPointerDownWith: import("../element/types").PointerType;
540
579
  selectedElementIds: {
541
580
  [id: string]: boolean;
@@ -543,6 +582,7 @@ export declare const actionSaveToActiveFile: {
543
582
  previousSelectedElementIds: {
544
583
  [id: string]: boolean;
545
584
  };
585
+ selectedElementsAreBeingDragged: boolean;
546
586
  shouldCacheIgnoreZoom: boolean;
547
587
  zenModeEnabled: boolean;
548
588
  theme: string;
@@ -603,13 +643,17 @@ export declare const actionSaveFileToDisk: {
603
643
  isBindingEnabled: boolean;
604
644
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
605
645
  suggestedBindings: import("../element/binding").SuggestedBinding[];
646
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
647
+ shouldRenderFrames: boolean;
648
+ editingFrame: string | null;
649
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
606
650
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
607
651
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
608
652
  activeTool: {
609
653
  lastActiveTool: import("../types").LastActiveTool;
610
654
  locked: boolean;
611
655
  } & ({
612
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
656
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
613
657
  customType: null;
614
658
  } | {
615
659
  type: "custom";
@@ -646,10 +690,13 @@ export declare const actionSaveFileToDisk: {
646
690
  value: import("../types").NormalizedZoomValue;
647
691
  }>;
648
692
  openMenu: "canvas" | "shape" | null;
649
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
650
- openSidebar: "library" | "customSidebar" | null;
693
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
694
+ openSidebar: {
695
+ name: string;
696
+ tab?: string | undefined;
697
+ } | null;
651
698
  openDialog: "imageExport" | "help" | "jsonExport" | null;
652
- isSidebarDocked: boolean;
699
+ defaultSidebarDockedPreference: boolean;
653
700
  lastPointerDownWith: import("../element/types").PointerType;
654
701
  selectedElementIds: {
655
702
  [id: string]: boolean;
@@ -657,6 +704,7 @@ export declare const actionSaveFileToDisk: {
657
704
  previousSelectedElementIds: {
658
705
  [id: string]: boolean;
659
706
  };
707
+ selectedElementsAreBeingDragged: boolean;
660
708
  shouldCacheIgnoreZoom: boolean;
661
709
  toast: {
662
710
  message: string;
@@ -713,7 +761,7 @@ export declare const actionLoadScene: {
713
761
  lastActiveTool: import("../types").LastActiveTool;
714
762
  locked: boolean;
715
763
  } & ({
716
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
764
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
717
765
  customType: null;
718
766
  } | {
719
767
  type: "custom";
@@ -734,6 +782,10 @@ export declare const actionLoadScene: {
734
782
  isBindingEnabled: boolean;
735
783
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
736
784
  suggestedBindings: import("../element/binding").SuggestedBinding[];
785
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
786
+ shouldRenderFrames: boolean;
787
+ editingFrame: string | null;
788
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
737
789
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
738
790
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
739
791
  penMode: boolean;
@@ -766,10 +818,13 @@ export declare const actionLoadScene: {
766
818
  value: import("../types").NormalizedZoomValue;
767
819
  }>;
768
820
  openMenu: "canvas" | "shape" | null;
769
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
770
- openSidebar: "library" | "customSidebar" | null;
821
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
822
+ openSidebar: {
823
+ name: string;
824
+ tab?: string | undefined;
825
+ } | null;
771
826
  openDialog: "imageExport" | "help" | "jsonExport" | null;
772
- isSidebarDocked: boolean;
827
+ defaultSidebarDockedPreference: boolean;
773
828
  lastPointerDownWith: import("../element/types").PointerType;
774
829
  selectedElementIds: {
775
830
  [id: string]: boolean;
@@ -777,6 +832,7 @@ export declare const actionLoadScene: {
777
832
  previousSelectedElementIds: {
778
833
  [id: string]: boolean;
779
834
  };
835
+ selectedElementsAreBeingDragged: boolean;
780
836
  shouldCacheIgnoreZoom: boolean;
781
837
  toast: {
782
838
  message: string;
@@ -825,13 +881,17 @@ export declare const actionLoadScene: {
825
881
  isBindingEnabled: boolean;
826
882
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
827
883
  suggestedBindings: import("../element/binding").SuggestedBinding[];
884
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
885
+ shouldRenderFrames: boolean;
886
+ editingFrame: string | null;
887
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
828
888
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
829
889
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
830
890
  activeTool: {
831
891
  lastActiveTool: import("../types").LastActiveTool;
832
892
  locked: boolean;
833
893
  } & ({
834
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
894
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
835
895
  customType: null;
836
896
  } | {
837
897
  type: "custom";
@@ -868,10 +928,13 @@ export declare const actionLoadScene: {
868
928
  value: import("../types").NormalizedZoomValue;
869
929
  }>;
870
930
  openMenu: "canvas" | "shape" | null;
871
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
872
- openSidebar: "library" | "customSidebar" | null;
931
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
932
+ openSidebar: {
933
+ name: string;
934
+ tab?: string | undefined;
935
+ } | null;
873
936
  openDialog: "imageExport" | "help" | "jsonExport" | null;
874
- isSidebarDocked: boolean;
937
+ defaultSidebarDockedPreference: boolean;
875
938
  lastPointerDownWith: import("../element/types").PointerType;
876
939
  selectedElementIds: {
877
940
  [id: string]: boolean;
@@ -879,6 +942,7 @@ export declare const actionLoadScene: {
879
942
  previousSelectedElementIds: {
880
943
  [id: string]: boolean;
881
944
  };
945
+ selectedElementsAreBeingDragged: boolean;
882
946
  shouldCacheIgnoreZoom: boolean;
883
947
  toast: {
884
948
  message: string;
@@ -943,13 +1007,17 @@ export declare const actionExportWithDarkMode: {
943
1007
  isBindingEnabled: boolean;
944
1008
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
945
1009
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1010
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1011
+ shouldRenderFrames: boolean;
1012
+ editingFrame: string | null;
1013
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
946
1014
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
947
1015
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
948
1016
  activeTool: {
949
1017
  lastActiveTool: import("../types").LastActiveTool;
950
1018
  locked: boolean;
951
1019
  } & ({
952
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1020
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
953
1021
  customType: null;
954
1022
  } | {
955
1023
  type: "custom";
@@ -985,10 +1053,13 @@ export declare const actionExportWithDarkMode: {
985
1053
  value: import("../types").NormalizedZoomValue;
986
1054
  }>;
987
1055
  openMenu: "canvas" | "shape" | null;
988
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
989
- openSidebar: "library" | "customSidebar" | null;
1056
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1057
+ openSidebar: {
1058
+ name: string;
1059
+ tab?: string | undefined;
1060
+ } | null;
990
1061
  openDialog: "imageExport" | "help" | "jsonExport" | null;
991
- isSidebarDocked: boolean;
1062
+ defaultSidebarDockedPreference: boolean;
992
1063
  lastPointerDownWith: import("../element/types").PointerType;
993
1064
  selectedElementIds: {
994
1065
  [id: string]: boolean;
@@ -996,6 +1067,7 @@ export declare const actionExportWithDarkMode: {
996
1067
  previousSelectedElementIds: {
997
1068
  [id: string]: boolean;
998
1069
  };
1070
+ selectedElementsAreBeingDragged: boolean;
999
1071
  shouldCacheIgnoreZoom: boolean;
1000
1072
  toast: {
1001
1073
  message: string;
package/types/actions/actionFinalize.d.ts CHANGED
@@ -24,12 +24,16 @@ export declare const actionFinalize: {
24
24
  isBindingEnabled: boolean;
25
25
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
26
26
  suggestedBindings: import("../element/binding").SuggestedBinding[];
27
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
28
+ shouldRenderFrames: boolean;
29
+ editingFrame: string | null;
30
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
27
31
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
28
32
  activeTool: {
29
33
  lastActiveTool: import("../types").LastActiveTool;
30
34
  locked: boolean;
31
35
  } & ({
32
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
36
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
33
37
  customType: null;
34
38
  } | {
35
39
  type: "custom";
@@ -65,10 +69,13 @@ export declare const actionFinalize: {
65
69
  value: import("../types").NormalizedZoomValue;
66
70
  }>;
67
71
  openMenu: "canvas" | "shape" | null;
68
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
69
- openSidebar: "library" | "customSidebar" | null;
72
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
73
+ openSidebar: {
74
+ name: string;
75
+ tab?: string | undefined;
76
+ } | null;
70
77
  openDialog: "imageExport" | "help" | "jsonExport" | null;
71
- isSidebarDocked: boolean;
78
+ defaultSidebarDockedPreference: boolean;
72
79
  lastPointerDownWith: import("../element/types").PointerType;
73
80
  selectedElementIds: {
74
81
  [id: string]: boolean;
@@ -76,6 +83,7 @@ export declare const actionFinalize: {
76
83
  previousSelectedElementIds: {
77
84
  [id: string]: boolean;
78
85
  };
86
+ selectedElementsAreBeingDragged: boolean;
79
87
  shouldCacheIgnoreZoom: boolean;
80
88
  toast: {
81
89
  message: string;
@@ -118,7 +126,7 @@ export declare const actionFinalize: {
118
126
  lastActiveTool: import("../types").LastActiveTool;
119
127
  locked: boolean;
120
128
  } & ({
121
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
129
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
122
130
  customType: null;
123
131
  } | {
124
132
  type: "custom";
@@ -145,6 +153,10 @@ export declare const actionFinalize: {
145
153
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
146
154
  selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
147
155
  isBindingEnabled: boolean;
156
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
157
+ shouldRenderFrames: boolean;
158
+ editingFrame: string | null;
159
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
148
160
  editingLinearElement: LinearElementEditor | null;
149
161
  penMode: boolean;
150
162
  penDetected: boolean;
@@ -176,14 +188,18 @@ export declare const actionFinalize: {
176
188
  value: import("../types").NormalizedZoomValue;
177
189
  }>;
178
190
  openMenu: "canvas" | "shape" | null;
179
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
180
- openSidebar: "library" | "customSidebar" | null;
191
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
192
+ openSidebar: {
193
+ name: string;
194
+ tab?: string | undefined;
195
+ } | null;
181
196
  openDialog: "imageExport" | "help" | "jsonExport" | null;
182
- isSidebarDocked: boolean;
197
+ defaultSidebarDockedPreference: boolean;
183
198
  lastPointerDownWith: import("../element/types").PointerType;
184
199
  previousSelectedElementIds: {
185
200
  [id: string]: boolean;
186
201
  };
202
+ selectedElementsAreBeingDragged: boolean;
187
203
  shouldCacheIgnoreZoom: boolean;
188
204
  toast: {
189
205
  message: string;
package/types/actions/actionFlip.d.ts CHANGED
@@ -7,13 +7,12 @@ export declare const actionFlipHorizontal: {
7
7
  category: "element";
8
8
  };
9
9
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
10
- elements: readonly ExcalidrawElement[];
10
+ elements: ExcalidrawElement[];
11
11
  appState: Readonly<AppState>;
12
12
  commitToHistory: true;
13
13
  };
14
14
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
15
15
  contextItemLabel: string;
16
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
17
16
  } & {
18
17
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
19
18
  };
@@ -23,13 +22,12 @@ export declare const actionFlipVertical: {
23
22
  category: "element";
24
23
  };
25
24
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
26
- elements: readonly ExcalidrawElement[];
25
+ elements: ExcalidrawElement[];
27
26
  appState: Readonly<AppState>;
28
27
  commitToHistory: true;
29
28
  };
30
29
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
31
30
  contextItemLabel: string;
32
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
33
31
  } & {
34
32
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
35
33
  };