@dwelle/excalidraw 0.4.0-c38ebd4 → 0.4.0-c4ea72b

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 (199) hide show
  1. package/CHANGELOG.md +451 -1
  2. package/README.md +6 -2
  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 +2807 -1620
  6. package/dist/excalidraw.production.min.js +1 -1
  7. package/main.js +1 -8
  8. package/package.json +8 -3
  9. package/types/actions/actionAddToLibrary.d.ts +81 -31
  10. package/types/actions/actionAlign.d.ts +25 -20
  11. package/types/actions/actionBoundText.d.ts +156 -19
  12. package/types/actions/actionCanvas.d.ts +504 -96
  13. package/types/actions/actionClipboard.d.ts +131 -50
  14. package/types/actions/actionDeleteSelected.d.ts +75 -28
  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 +271 -0
  18. package/types/actions/actionExport.d.ts +288 -135
  19. package/types/actions/actionFinalize.d.ts +52 -22
  20. package/types/actions/actionFlip.d.ts +4 -7
  21. package/types/actions/actionFrame.d.ts +423 -0
  22. package/types/actions/actionGroup.d.ts +246 -9
  23. package/types/actions/actionHistory.d.ts +1 -1
  24. package/types/actions/actionLinearEditor.d.ts +29 -13
  25. package/types/actions/actionMenu.d.ts +82 -33
  26. package/types/actions/actionNavigate.d.ts +1 -1
  27. package/types/actions/actionProperties.d.ts +356 -134
  28. package/types/actions/actionSelectAll.d.ts +121 -2
  29. package/types/actions/actionStyles.d.ts +27 -11
  30. package/types/actions/actionToggleGridMode.d.ts +27 -11
  31. package/types/actions/actionToggleStats.d.ts +27 -11
  32. package/types/actions/actionToggleViewMode.d.ts +27 -11
  33. package/types/actions/actionToggleZenMode.d.ts +27 -11
  34. package/types/actions/actionZindex.d.ts +4 -4
  35. package/types/actions/index.d.ts +1 -1
  36. package/types/actions/manager.d.ts +1 -1
  37. package/types/actions/shortcuts.d.ts +1 -1
  38. package/types/actions/types.d.ts +10 -9
  39. package/types/appState.d.ts +12 -9
  40. package/types/charts.d.ts +2 -2
  41. package/types/clients.d.ts +5 -6
  42. package/types/clipboard.d.ts +3 -2
  43. package/types/colors.d.ts +60 -5
  44. package/types/components/Actions.d.ts +7 -7
  45. package/types/components/ActiveConfirmDialog.d.ts +1 -21
  46. package/types/components/App.d.ts +72 -16
  47. package/types/components/Avatar.d.ts +1 -2
  48. package/types/components/Button.d.ts +3 -2
  49. package/types/components/ButtonIconSelect.d.ts +11 -3
  50. package/types/components/Card.d.ts +0 -1
  51. package/types/components/ColorPicker/ColorInput.d.ts +9 -0
  52. package/types/components/ColorPicker/ColorPicker.d.ts +19 -0
  53. package/types/components/ColorPicker/CustomColorList.d.ts +8 -0
  54. package/types/components/ColorPicker/HotkeyLabel.d.ts +8 -0
  55. package/types/components/ColorPicker/Picker.d.ts +18 -0
  56. package/types/components/ColorPicker/PickerColorList.d.ts +10 -0
  57. package/types/components/ColorPicker/PickerHeading.d.ts +5 -0
  58. package/types/components/ColorPicker/ShadeList.d.ts +8 -0
  59. package/types/components/ColorPicker/TopPicks.d.ts +9 -0
  60. package/types/components/ColorPicker/colorPickerUtils.d.ts +21 -0
  61. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +20 -0
  62. package/types/components/ContextMenu.d.ts +3 -3
  63. package/types/components/DefaultSidebar.d.ts +29 -0
  64. package/types/components/Dialog.d.ts +3 -4
  65. package/types/components/ExcalidrawLogo.d.ts +15 -0
  66. package/types/components/EyeDropper.d.ts +28 -0
  67. package/types/components/FilledButton.d.ts +17 -0
  68. package/types/components/FixedSideContainer.d.ts +1 -1
  69. package/types/components/HandButton.d.ts +1 -1
  70. package/types/components/HelpButton.d.ts +1 -1
  71. package/types/components/HintViewer.d.ts +4 -5
  72. package/types/components/HomeButton.d.ts +1 -1
  73. package/types/components/ImageExportDialog.d.ts +8 -13
  74. package/types/components/Island.d.ts +1 -1
  75. package/types/components/JSONExportDialog.d.ts +5 -5
  76. package/types/components/LayerUI.d.ts +7 -11
  77. package/types/components/LibraryMenu.d.ts +13 -14
  78. package/types/components/LibraryMenuBrowseButton.d.ts +2 -2
  79. package/types/components/LibraryMenuControlButtons.d.ts +9 -0
  80. package/types/components/LibraryMenuHeaderContent.d.ts +10 -28
  81. package/types/components/LibraryMenuItems.d.ts +6 -7
  82. package/types/components/LibraryMenuSection.d.ts +22 -0
  83. package/types/components/LibraryUnit.d.ts +6 -3
  84. package/types/components/LoadingMessage.d.ts +0 -1
  85. package/types/components/LockButton.d.ts +1 -1
  86. package/types/components/MobileMenu.d.ts +7 -6
  87. package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts +17 -0
  88. package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts +17 -0
  89. package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts +22 -0
  90. package/types/components/PasteChartDialog.d.ts +4 -5
  91. package/types/components/PenModeButton.d.ts +1 -1
  92. package/types/components/Popover.d.ts +1 -1
  93. package/types/components/ProjectName.d.ts +2 -1
  94. package/types/components/PublishLibrary.d.ts +2 -2
  95. package/types/components/RadioGroup.d.ts +12 -0
  96. package/types/components/Section.d.ts +1 -1
  97. package/types/components/Sidebar/Sidebar.d.ts +66 -63
  98. package/types/components/Sidebar/SidebarHeader.d.ts +6 -19
  99. package/types/components/Sidebar/SidebarTab.d.ts +8 -0
  100. package/types/components/Sidebar/SidebarTabTrigger.d.ts +9 -0
  101. package/types/components/Sidebar/SidebarTabTriggers.d.ts +6 -0
  102. package/types/components/Sidebar/SidebarTabs.d.ts +6 -0
  103. package/types/components/Sidebar/SidebarTrigger.d.ts +6 -0
  104. package/types/components/Sidebar/common.d.ts +24 -7
  105. package/types/components/Spinner.d.ts +2 -1
  106. package/types/components/Stack.d.ts +4 -3
  107. package/types/components/Stats.d.ts +3 -3
  108. package/types/components/Switch.d.ts +9 -0
  109. package/types/components/ToolButton.d.ts +5 -4
  110. package/types/components/Tooltip.d.ts +1 -1
  111. package/types/components/Trans.d.ts +9 -0
  112. package/types/components/canvases/InteractiveCanvas.d.ts +27 -0
  113. package/types/components/canvases/StaticCanvas.d.ts +18 -0
  114. package/types/components/canvases/index.d.ts +3 -0
  115. package/types/components/dropdownMenu/DropdownMenu.d.ts +3 -2
  116. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +3 -2
  117. package/types/components/footer/Footer.d.ts +2 -2
  118. package/types/components/icons.d.ts +13 -1
  119. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +0 -1
  120. package/types/components/main-menu/MainMenu.d.ts +3 -2
  121. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +0 -1
  122. package/types/components/welcome-screen/WelcomeScreen.d.ts +0 -1
  123. package/types/constants.d.ts +75 -10
  124. package/types/context/tunnels.d.ts +19 -0
  125. package/types/context/ui-appState.d.ts +4 -0
  126. package/types/data/blob.d.ts +2 -2
  127. package/types/data/encode.d.ts +1 -1
  128. package/types/data/filesystem.d.ts +2 -1
  129. package/types/data/library.d.ts +3 -45
  130. package/types/data/restore.d.ts +2 -2
  131. package/types/data/transform.d.ts +71 -0
  132. package/types/data/types.d.ts +3 -5
  133. package/types/data/url.d.ts +7 -0
  134. package/types/element/Hyperlink.d.ts +38 -18
  135. package/types/element/binding.d.ts +4 -3
  136. package/types/element/bounds.d.ts +31 -6
  137. package/types/element/collision.d.ts +7 -7
  138. package/types/element/dragElements.d.ts +2 -1
  139. package/types/element/embeddable.d.ts +153 -0
  140. package/types/element/image.d.ts +11 -1
  141. package/types/element/index.d.ts +3 -2
  142. package/types/element/linearElementEditor.d.ts +33 -16
  143. package/types/element/mutateElement.d.ts +1 -1
  144. package/types/element/newElement.d.ts +47 -13
  145. package/types/element/resizeElements.d.ts +1 -0
  146. package/types/element/showSelectedShapeActions.d.ts +2 -2
  147. package/types/element/sizeHelpers.d.ts +8 -1
  148. package/types/element/textElement.d.ts +13 -8
  149. package/types/element/textWysiwyg.d.ts +1 -1
  150. package/types/element/transformHandles.d.ts +15 -8
  151. package/types/element/typeChecks.d.ts +3 -1
  152. package/types/element/types.d.ts +52 -35
  153. package/types/emitter.d.ts +1 -1
  154. package/types/errors.d.ts +1 -1
  155. package/types/frame.d.ts +40 -0
  156. package/types/ga.d.ts +5 -5
  157. package/types/groups.d.ts +15 -11
  158. package/types/history.d.ts +3 -3
  159. package/types/hooks/useCreatePortalContainer.d.ts +4 -0
  160. package/types/hooks/useLibraryItemSvg.d.ts +11 -0
  161. package/types/hooks/useOutsideClick.d.ts +19 -2
  162. package/types/hooks/useScrollPosition.d.ts +1 -0
  163. package/types/hooks/useStable.d.ts +1 -0
  164. package/types/hooks/useTransition.d.ts +2 -0
  165. package/types/i18n.d.ts +7 -4
  166. package/types/jotai.d.ts +16 -104
  167. package/types/keys.d.ts +4 -1
  168. package/types/math.d.ts +1 -0
  169. package/types/packages/excalidraw/example/initialData.d.ts +182 -64
  170. package/types/packages/excalidraw/index.d.ts +5 -2
  171. package/types/packages/excalidraw/main.d.ts +3 -1
  172. package/types/packages/excalidraw/webpack.dev.config.d.ts +5 -2
  173. package/types/packages/excalidraw/webpack.prod.config.d.ts +3 -0
  174. package/types/packages/utils.d.ts +9 -2
  175. package/types/renderer/renderElement.d.ts +12 -22
  176. package/types/renderer/renderScene.d.ts +19 -27
  177. package/types/renderer/roundRect.d.ts +1 -1
  178. package/types/scene/Renderer.d.ts +25 -0
  179. package/types/scene/Scene.d.ts +27 -5
  180. package/types/scene/Shape.d.ts +12 -0
  181. package/types/scene/ShapeCache.d.ts +20 -0
  182. package/types/scene/export.d.ts +49 -11
  183. package/types/scene/scroll.d.ts +1 -1
  184. package/types/scene/scrollbars.d.ts +2 -6
  185. package/types/scene/selection.d.ts +26 -6
  186. package/types/scene/types.d.ts +69 -34
  187. package/types/types.d.ts +145 -56
  188. package/types/utility-types.d.ts +16 -14
  189. package/types/utils.d.ts +70 -11
  190. package/types/zindex.d.ts +4 -4
  191. package/types/actions/actionToggleLock.d.ts +0 -119
  192. package/types/components/ColorPicker.d.ts +0 -14
  193. package/types/components/LibraryButton.d.ts +0 -8
  194. package/types/components/SingleLibraryItem.d.ts +0 -10
  195. package/types/components/context/tunnels.d.ts +0 -16
  196. package/types/components/hoc/withUpstreamOverride.d.ts +0 -10
  197. /package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js.LICENSE.txt → vendor-d415b28e9024dee4bb1b.js.LICENSE.txt} +0 -0
  198. /package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.d.ts → vendor-d415b28e9024dee4bb1b.d.ts} +0 -0
  199. /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";
@@ -93,17 +105,21 @@ export declare const actionCut: {
93
105
  value: import("../types").NormalizedZoomValue;
94
106
  }>;
95
107
  openMenu: "canvas" | "shape" | null;
96
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
97
- openSidebar: "library" | "customSidebar" | null;
108
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
109
+ openSidebar: {
110
+ name: string;
111
+ tab?: string | undefined;
112
+ } | null;
98
113
  openDialog: "imageExport" | "help" | "jsonExport" | null;
99
- isSidebarDocked: boolean;
114
+ defaultSidebarDockedPreference: boolean;
100
115
  lastPointerDownWith: import("../element/types").PointerType;
101
- selectedElementIds: {
102
- [id: string]: boolean;
103
- };
116
+ selectedElementIds: Readonly<{
117
+ [id: string]: true;
118
+ }>;
104
119
  previousSelectedElementIds: {
105
- [id: string]: boolean;
120
+ [id: string]: true;
106
121
  };
122
+ selectedElementsAreBeingDragged: boolean;
107
123
  shouldCacheIgnoreZoom: boolean;
108
124
  toast: {
109
125
  message: string;
@@ -111,7 +127,7 @@ export declare const actionCut: {
111
127
  duration?: number | undefined;
112
128
  } | null;
113
129
  zenModeEnabled: boolean;
114
- theme: string;
130
+ theme: import("../element/types").Theme;
115
131
  gridSize: number | null;
116
132
  viewModeEnabled: boolean;
117
133
  selectedGroupIds: {
@@ -134,7 +150,7 @@ export declare const actionCut: {
134
150
  data: import("../charts").Spreadsheet;
135
151
  };
136
152
  pendingImageElementId: string | null;
137
- showHyperlinkPopup: false | "info" | "editor";
153
+ showHyperlinkPopup: false | "editor" | "info";
138
154
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
139
155
  };
140
156
  commitToHistory: false;
@@ -178,6 +194,10 @@ export declare const actionCut: {
178
194
  showWelcomeScreen: boolean;
179
195
  isLoading: boolean;
180
196
  errorMessage: import("react").ReactNode;
197
+ activeEmbeddable: {
198
+ element: import("../element/types").NonDeletedExcalidrawElement;
199
+ state: "active" | "hover";
200
+ } | null;
181
201
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
182
202
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
183
203
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -185,12 +205,21 @@ export declare const actionCut: {
185
205
  isBindingEnabled: boolean;
186
206
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
187
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;
188
217
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
189
218
  activeTool: {
190
219
  lastActiveTool: import("../types").LastActiveTool;
191
220
  locked: boolean;
192
221
  } & ({
193
- 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";
194
223
  customType: null;
195
224
  } | {
196
225
  type: "custom";
@@ -227,17 +256,21 @@ export declare const actionCut: {
227
256
  value: import("../types").NormalizedZoomValue;
228
257
  }>;
229
258
  openMenu: "canvas" | "shape" | null;
230
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
231
- openSidebar: "library" | "customSidebar" | null;
259
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
260
+ openSidebar: {
261
+ name: string;
262
+ tab?: string | undefined;
263
+ } | null;
232
264
  openDialog: "imageExport" | "help" | "jsonExport" | null;
233
- isSidebarDocked: boolean;
265
+ defaultSidebarDockedPreference: boolean;
234
266
  lastPointerDownWith: import("../element/types").PointerType;
235
- selectedElementIds: {
236
- [id: string]: boolean;
237
- };
267
+ selectedElementIds: Readonly<{
268
+ [id: string]: true;
269
+ }>;
238
270
  previousSelectedElementIds: {
239
- [id: string]: boolean;
271
+ [id: string]: true;
240
272
  };
273
+ selectedElementsAreBeingDragged: boolean;
241
274
  shouldCacheIgnoreZoom: boolean;
242
275
  toast: {
243
276
  message: string;
@@ -245,7 +278,7 @@ export declare const actionCut: {
245
278
  duration?: number | undefined;
246
279
  } | null;
247
280
  zenModeEnabled: boolean;
248
- theme: string;
281
+ theme: import("../element/types").Theme;
249
282
  gridSize: number | null;
250
283
  viewModeEnabled: boolean;
251
284
  selectedGroupIds: {
@@ -268,7 +301,7 @@ export declare const actionCut: {
268
301
  data: import("../charts").Spreadsheet;
269
302
  };
270
303
  pendingImageElementId: string | null;
271
- showHyperlinkPopup: false | "info" | "editor";
304
+ showHyperlinkPopup: false | "editor" | "info";
272
305
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
273
306
  };
274
307
  commitToHistory: true;
@@ -279,13 +312,14 @@ export declare const actionCut: {
279
312
  lastActiveTool: import("../types").LastActiveTool;
280
313
  locked: boolean;
281
314
  } & ({
282
- 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";
283
316
  customType: null;
284
317
  } | {
285
318
  type: "custom";
286
319
  customType: string;
287
320
  });
288
321
  multiElement: null;
322
+ activeEmbeddable: null;
289
323
  selectedElementIds: {};
290
324
  contextMenu: {
291
325
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -301,6 +335,15 @@ export declare const actionCut: {
301
335
  isBindingEnabled: boolean;
302
336
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
303
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;
304
347
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
305
348
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
306
349
  penMode: boolean;
@@ -334,14 +377,18 @@ export declare const actionCut: {
334
377
  value: import("../types").NormalizedZoomValue;
335
378
  }>;
336
379
  openMenu: "canvas" | "shape" | null;
337
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
338
- openSidebar: "library" | "customSidebar" | null;
380
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
381
+ openSidebar: {
382
+ name: string;
383
+ tab?: string | undefined;
384
+ } | null;
339
385
  openDialog: "imageExport" | "help" | "jsonExport" | null;
340
- isSidebarDocked: boolean;
386
+ defaultSidebarDockedPreference: boolean;
341
387
  lastPointerDownWith: import("../element/types").PointerType;
342
388
  previousSelectedElementIds: {
343
- [id: string]: boolean;
389
+ [id: string]: true;
344
390
  };
391
+ selectedElementsAreBeingDragged: boolean;
345
392
  shouldCacheIgnoreZoom: boolean;
346
393
  toast: {
347
394
  message: string;
@@ -349,7 +396,7 @@ export declare const actionCut: {
349
396
  duration?: number | undefined;
350
397
  } | null;
351
398
  zenModeEnabled: boolean;
352
- theme: string;
399
+ theme: import("../element/types").Theme;
353
400
  gridSize: number | null;
354
401
  viewModeEnabled: boolean;
355
402
  selectedGroupIds: {
@@ -372,7 +419,7 @@ export declare const actionCut: {
372
419
  data: import("../charts").Spreadsheet;
373
420
  };
374
421
  pendingImageElementId: string | null;
375
- showHyperlinkPopup: false | "info" | "editor";
422
+ showHyperlinkPopup: false | "editor" | "info";
376
423
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
377
424
  };
378
425
  commitToHistory: boolean;
@@ -401,6 +448,10 @@ export declare const actionCopyAsSvg: {
401
448
  } | null;
402
449
  showWelcomeScreen: boolean;
403
450
  isLoading: boolean;
451
+ activeEmbeddable: {
452
+ element: import("../element/types").NonDeletedExcalidrawElement;
453
+ state: "active" | "hover";
454
+ } | null;
404
455
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
405
456
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
406
457
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -408,13 +459,22 @@ export declare const actionCopyAsSvg: {
408
459
  isBindingEnabled: boolean;
409
460
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
410
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;
411
471
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
412
472
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
413
473
  activeTool: {
414
474
  lastActiveTool: import("../types").LastActiveTool;
415
475
  locked: boolean;
416
476
  } & ({
417
- 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";
418
478
  customType: null;
419
479
  } | {
420
480
  type: "custom";
@@ -451,17 +511,21 @@ export declare const actionCopyAsSvg: {
451
511
  value: import("../types").NormalizedZoomValue;
452
512
  }>;
453
513
  openMenu: "canvas" | "shape" | null;
454
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
455
- openSidebar: "library" | "customSidebar" | null;
514
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
515
+ openSidebar: {
516
+ name: string;
517
+ tab?: string | undefined;
518
+ } | null;
456
519
  openDialog: "imageExport" | "help" | "jsonExport" | null;
457
- isSidebarDocked: boolean;
520
+ defaultSidebarDockedPreference: boolean;
458
521
  lastPointerDownWith: import("../element/types").PointerType;
459
- selectedElementIds: {
460
- [id: string]: boolean;
461
- };
522
+ selectedElementIds: Readonly<{
523
+ [id: string]: true;
524
+ }>;
462
525
  previousSelectedElementIds: {
463
- [id: string]: boolean;
526
+ [id: string]: true;
464
527
  };
528
+ selectedElementsAreBeingDragged: boolean;
465
529
  shouldCacheIgnoreZoom: boolean;
466
530
  toast: {
467
531
  message: string;
@@ -469,7 +533,7 @@ export declare const actionCopyAsSvg: {
469
533
  duration?: number | undefined;
470
534
  } | null;
471
535
  zenModeEnabled: boolean;
472
- theme: string;
536
+ theme: import("../element/types").Theme;
473
537
  gridSize: number | null;
474
538
  viewModeEnabled: boolean;
475
539
  selectedGroupIds: {
@@ -492,7 +556,7 @@ export declare const actionCopyAsSvg: {
492
556
  data: import("../charts").Spreadsheet;
493
557
  };
494
558
  pendingImageElementId: string | null;
495
- showHyperlinkPopup: false | "info" | "editor";
559
+ showHyperlinkPopup: false | "editor" | "info";
496
560
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
497
561
  };
498
562
  commitToHistory: false;
@@ -520,6 +584,10 @@ export declare const actionCopyAsPng: {
520
584
  } | null;
521
585
  showWelcomeScreen: boolean;
522
586
  isLoading: boolean;
587
+ activeEmbeddable: {
588
+ element: import("../element/types").NonDeletedExcalidrawElement;
589
+ state: "active" | "hover";
590
+ } | null;
523
591
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
524
592
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
525
593
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -527,13 +595,22 @@ export declare const actionCopyAsPng: {
527
595
  isBindingEnabled: boolean;
528
596
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
529
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;
530
607
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
531
608
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
532
609
  activeTool: {
533
610
  lastActiveTool: import("../types").LastActiveTool;
534
611
  locked: boolean;
535
612
  } & ({
536
- 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";
537
614
  customType: null;
538
615
  } | {
539
616
  type: "custom";
@@ -570,17 +647,21 @@ export declare const actionCopyAsPng: {
570
647
  value: import("../types").NormalizedZoomValue;
571
648
  }>;
572
649
  openMenu: "canvas" | "shape" | null;
573
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
574
- openSidebar: "library" | "customSidebar" | null;
650
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
651
+ openSidebar: {
652
+ name: string;
653
+ tab?: string | undefined;
654
+ } | null;
575
655
  openDialog: "imageExport" | "help" | "jsonExport" | null;
576
- isSidebarDocked: boolean;
656
+ defaultSidebarDockedPreference: boolean;
577
657
  lastPointerDownWith: import("../element/types").PointerType;
578
- selectedElementIds: {
579
- [id: string]: boolean;
580
- };
658
+ selectedElementIds: Readonly<{
659
+ [id: string]: true;
660
+ }>;
581
661
  previousSelectedElementIds: {
582
- [id: string]: boolean;
662
+ [id: string]: true;
583
663
  };
664
+ selectedElementsAreBeingDragged: boolean;
584
665
  shouldCacheIgnoreZoom: boolean;
585
666
  toast: {
586
667
  message: string;
@@ -588,7 +669,7 @@ export declare const actionCopyAsPng: {
588
669
  duration?: number | undefined;
589
670
  } | null;
590
671
  zenModeEnabled: boolean;
591
- theme: string;
672
+ theme: import("../element/types").Theme;
592
673
  gridSize: number | null;
593
674
  viewModeEnabled: boolean;
594
675
  selectedGroupIds: {
@@ -611,7 +692,7 @@ export declare const actionCopyAsPng: {
611
692
  data: import("../charts").Spreadsheet;
612
693
  };
613
694
  pendingImageElementId: string | null;
614
- showHyperlinkPopup: false | "info" | "editor";
695
+ showHyperlinkPopup: false | "editor" | "info";
615
696
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
616
697
  };
617
698
  commitToHistory: false;
@@ -627,10 +708,10 @@ export declare const copyText: {
627
708
  trackEvent: {
628
709
  category: "element";
629
710
  };
630
- 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) => {
631
712
  commitToHistory: false;
632
713
  };
633
- 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;
634
715
  contextItemLabel: string;
635
716
  } & {
636
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";
@@ -69,17 +81,21 @@ export declare const actionDeleteSelected: {
69
81
  value: import("../types").NormalizedZoomValue;
70
82
  }>;
71
83
  openMenu: "canvas" | "shape" | null;
72
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
73
- openSidebar: "library" | "customSidebar" | null;
84
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
85
+ openSidebar: {
86
+ name: string;
87
+ tab?: string | undefined;
88
+ } | null;
74
89
  openDialog: "imageExport" | "help" | "jsonExport" | null;
75
- isSidebarDocked: boolean;
90
+ defaultSidebarDockedPreference: boolean;
76
91
  lastPointerDownWith: import("../element/types").PointerType;
77
- selectedElementIds: {
78
- [id: string]: boolean;
79
- };
92
+ selectedElementIds: Readonly<{
93
+ [id: string]: true;
94
+ }>;
80
95
  previousSelectedElementIds: {
81
- [id: string]: boolean;
96
+ [id: string]: true;
82
97
  };
98
+ selectedElementsAreBeingDragged: boolean;
83
99
  shouldCacheIgnoreZoom: boolean;
84
100
  toast: {
85
101
  message: string;
@@ -87,7 +103,7 @@ export declare const actionDeleteSelected: {
87
103
  duration?: number | undefined;
88
104
  } | null;
89
105
  zenModeEnabled: boolean;
90
- theme: string;
106
+ theme: import("../element/types").Theme;
91
107
  gridSize: number | null;
92
108
  viewModeEnabled: boolean;
93
109
  selectedGroupIds: {
@@ -110,7 +126,7 @@ export declare const actionDeleteSelected: {
110
126
  data: import("../charts").Spreadsheet;
111
127
  };
112
128
  pendingImageElementId: string | null;
113
- showHyperlinkPopup: false | "info" | "editor";
129
+ showHyperlinkPopup: false | "editor" | "info";
114
130
  selectedLinearElement: LinearElementEditor | null;
115
131
  };
116
132
  commitToHistory: false;
@@ -154,6 +170,10 @@ export declare const actionDeleteSelected: {
154
170
  showWelcomeScreen: boolean;
155
171
  isLoading: boolean;
156
172
  errorMessage: import("react").ReactNode;
173
+ activeEmbeddable: {
174
+ element: import("../element/types").NonDeletedExcalidrawElement;
175
+ state: "active" | "hover";
176
+ } | null;
157
177
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
158
178
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
159
179
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -161,12 +181,21 @@ export declare const actionDeleteSelected: {
161
181
  isBindingEnabled: boolean;
162
182
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
163
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;
164
193
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
165
194
  activeTool: {
166
195
  lastActiveTool: import("../types").LastActiveTool;
167
196
  locked: boolean;
168
197
  } & ({
169
- 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";
170
199
  customType: null;
171
200
  } | {
172
201
  type: "custom";
@@ -203,17 +232,21 @@ export declare const actionDeleteSelected: {
203
232
  value: import("../types").NormalizedZoomValue;
204
233
  }>;
205
234
  openMenu: "canvas" | "shape" | null;
206
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
207
- openSidebar: "library" | "customSidebar" | null;
235
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
236
+ openSidebar: {
237
+ name: string;
238
+ tab?: string | undefined;
239
+ } | null;
208
240
  openDialog: "imageExport" | "help" | "jsonExport" | null;
209
- isSidebarDocked: boolean;
241
+ defaultSidebarDockedPreference: boolean;
210
242
  lastPointerDownWith: import("../element/types").PointerType;
211
- selectedElementIds: {
212
- [id: string]: boolean;
213
- };
243
+ selectedElementIds: Readonly<{
244
+ [id: string]: true;
245
+ }>;
214
246
  previousSelectedElementIds: {
215
- [id: string]: boolean;
247
+ [id: string]: true;
216
248
  };
249
+ selectedElementsAreBeingDragged: boolean;
217
250
  shouldCacheIgnoreZoom: boolean;
218
251
  toast: {
219
252
  message: string;
@@ -221,7 +254,7 @@ export declare const actionDeleteSelected: {
221
254
  duration?: number | undefined;
222
255
  } | null;
223
256
  zenModeEnabled: boolean;
224
- theme: string;
257
+ theme: import("../element/types").Theme;
225
258
  gridSize: number | null;
226
259
  viewModeEnabled: boolean;
227
260
  selectedGroupIds: {
@@ -244,7 +277,7 @@ export declare const actionDeleteSelected: {
244
277
  data: import("../charts").Spreadsheet;
245
278
  };
246
279
  pendingImageElementId: string | null;
247
- showHyperlinkPopup: false | "info" | "editor";
280
+ showHyperlinkPopup: false | "editor" | "info";
248
281
  selectedLinearElement: LinearElementEditor | null;
249
282
  };
250
283
  commitToHistory: true;
@@ -255,13 +288,14 @@ export declare const actionDeleteSelected: {
255
288
  lastActiveTool: import("../types").LastActiveTool;
256
289
  locked: boolean;
257
290
  } & ({
258
- 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";
259
292
  customType: null;
260
293
  } | {
261
294
  type: "custom";
262
295
  customType: string;
263
296
  });
264
297
  multiElement: null;
298
+ activeEmbeddable: null;
265
299
  selectedElementIds: {};
266
300
  contextMenu: {
267
301
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -277,6 +311,15 @@ export declare const actionDeleteSelected: {
277
311
  isBindingEnabled: boolean;
278
312
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
279
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;
280
323
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
281
324
  editingLinearElement: LinearElementEditor | null;
282
325
  penMode: boolean;
@@ -310,14 +353,18 @@ export declare const actionDeleteSelected: {
310
353
  value: import("../types").NormalizedZoomValue;
311
354
  }>;
312
355
  openMenu: "canvas" | "shape" | null;
313
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
314
- openSidebar: "library" | "customSidebar" | null;
356
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
357
+ openSidebar: {
358
+ name: string;
359
+ tab?: string | undefined;
360
+ } | null;
315
361
  openDialog: "imageExport" | "help" | "jsonExport" | null;
316
- isSidebarDocked: boolean;
362
+ defaultSidebarDockedPreference: boolean;
317
363
  lastPointerDownWith: import("../element/types").PointerType;
318
364
  previousSelectedElementIds: {
319
- [id: string]: boolean;
365
+ [id: string]: true;
320
366
  };
367
+ selectedElementsAreBeingDragged: boolean;
321
368
  shouldCacheIgnoreZoom: boolean;
322
369
  toast: {
323
370
  message: string;
@@ -325,7 +372,7 @@ export declare const actionDeleteSelected: {
325
372
  duration?: number | undefined;
326
373
  } | null;
327
374
  zenModeEnabled: boolean;
328
- theme: string;
375
+ theme: import("../element/types").Theme;
329
376
  gridSize: number | null;
330
377
  viewModeEnabled: boolean;
331
378
  selectedGroupIds: {
@@ -348,7 +395,7 @@ export declare const actionDeleteSelected: {
348
395
  data: import("../charts").Spreadsheet;
349
396
  };
350
397
  pendingImageElementId: string | null;
351
- showHyperlinkPopup: false | "info" | "editor";
398
+ showHyperlinkPopup: false | "editor" | "info";
352
399
  selectedLinearElement: LinearElementEditor | null;
353
400
  };
354
401
  commitToHistory: boolean;