@dwelle/excalidraw 0.3.32 → 0.3.36

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 (51) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/README_NEXT.md +19 -0
  3. package/dist/excalidraw-assets-dev/{image-e50a452aa26d28419e39.js → image-8825d180ee32659f8996.js} +0 -0
  4. package/dist/excalidraw.development.js +35 -35
  5. package/dist/excalidraw.production.min.js +1 -1
  6. package/package.json +16 -13
  7. package/types/actions/actionAddToLibrary.d.ts +268 -1
  8. package/types/actions/actionAlign.d.ts +73 -6
  9. package/types/actions/actionCanvas.d.ts +673 -8
  10. package/types/actions/actionClipboard.d.ts +493 -4
  11. package/types/actions/actionDeleteSelected.d.ts +292 -1
  12. package/types/actions/actionDistribute.d.ts +27 -2
  13. package/types/actions/actionDuplicateSelection.d.ts +19 -1
  14. package/types/actions/actionExport.d.ts +849 -8
  15. package/types/actions/actionFinalize.d.ts +186 -1
  16. package/types/actions/actionFlip.d.ts +29 -2
  17. package/types/actions/actionGroup.d.ts +39 -2
  18. package/types/actions/actionMenu.d.ts +293 -4
  19. package/types/actions/actionNavigate.d.ts +11 -1
  20. package/types/actions/actionProperties.d.ts +1160 -12
  21. package/types/actions/actionSelectAll.d.ts +12 -1
  22. package/types/actions/actionStyles.d.ts +110 -2
  23. package/types/actions/actionToggleGridMode.d.ts +98 -1
  24. package/types/actions/actionToggleStats.d.ts +97 -1
  25. package/types/actions/actionToggleViewMode.d.ts +97 -1
  26. package/types/actions/actionToggleZenMode.d.ts +97 -1
  27. package/types/actions/actionZindex.d.ts +55 -4
  28. package/types/actions/register.d.ts +3 -1
  29. package/types/actions/types.d.ts +1 -1
  30. package/types/align.d.ts +0 -1
  31. package/types/components/App.d.ts +1 -0
  32. package/types/components/Popover.d.ts +5 -1
  33. package/types/constants.d.ts +1 -4
  34. package/types/disitrubte.d.ts +0 -1
  35. package/types/element/bounds.d.ts +4 -0
  36. package/types/element/newElement.d.ts +1 -1
  37. package/types/element/textElement.d.ts +7 -4
  38. package/types/element/textWysiwyg.d.ts +5 -3
  39. package/types/groups.d.ts +1 -0
  40. package/types/keys.d.ts +4 -0
  41. package/types/packages/excalidraw/dist/excalidraw-assets-dev/image-8825d180ee32659f8996.d.ts +0 -0
  42. package/types/packages/excalidraw/dist/excalidraw-assets-dev/image-f696fa36e3535df5e97a.d.ts +0 -0
  43. package/types/packages/excalidraw/example/App.d.ts +1 -0
  44. package/types/packages/excalidraw/example/index.d.ts +1 -0
  45. package/types/packages/excalidraw/example/initialData.d.ts +138 -0
  46. package/types/packages/excalidraw/example/sidebar/Sidebar.d.ts +1 -0
  47. package/types/packages/excalidraw/webpack.dev-server.config.d.ts +19 -0
  48. package/types/scene/comparisons.d.ts +1 -1
  49. package/types/shapes.d.ts +1 -1
  50. package/types/types.d.ts +2 -0
  51. package/types/utils.d.ts +1 -0
@@ -1,8 +1,673 @@
1
- export declare const actionChangeViewBackgroundColor: import("./types").Action;
2
- export declare const actionClearCanvas: import("./types").Action;
3
- export declare const actionZoomIn: import("./types").Action;
4
- export declare const actionZoomOut: import("./types").Action;
5
- export declare const actionResetZoom: import("./types").Action;
6
- export declare const actionZoomToSelected: import("./types").Action;
7
- export declare const actionZoomToFit: import("./types").Action;
8
- export declare const actionToggleTheme: import("./types").Action;
1
+ /// <reference types="react" />
2
+ import { ExcalidrawElement } from "../element/types";
3
+ import { AppState, NormalizedZoomValue } from "../types";
4
+ export declare const actionChangeViewBackgroundColor: {
5
+ name: "changeViewBackgroundColor";
6
+ perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
7
+ appState: any;
8
+ commitToHistory: boolean;
9
+ };
10
+ PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
11
+ } & {
12
+ keyTest?: undefined;
13
+ };
14
+ export declare const actionClearCanvas: {
15
+ name: "clearCanvas";
16
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
17
+ elements: ExcalidrawElement[];
18
+ appState: {
19
+ files: {};
20
+ theme: string;
21
+ elementLocked: boolean;
22
+ exportBackground: boolean;
23
+ exportEmbedScene: boolean;
24
+ gridSize: number | null;
25
+ showStats: boolean;
26
+ pasteDialog: {
27
+ shown: false;
28
+ data: null;
29
+ } | {
30
+ shown: true;
31
+ data: import("../charts").Spreadsheet;
32
+ };
33
+ scrollX: number;
34
+ scrollY: number;
35
+ viewBackgroundColor: string;
36
+ zoom: Readonly<{
37
+ value: NormalizedZoomValue;
38
+ translation: Readonly<{
39
+ x: number;
40
+ y: number;
41
+ }>;
42
+ }>;
43
+ shouldCacheIgnoreZoom: boolean;
44
+ name: string;
45
+ isLoading: boolean;
46
+ errorMessage: string | null;
47
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
48
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
49
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
50
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
51
+ isBindingEnabled: boolean;
52
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
53
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
54
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
55
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
56
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
57
+ exportWithDarkMode: boolean;
58
+ exportScale: number;
59
+ currentItemStrokeColor: string;
60
+ currentItemBackgroundColor: string;
61
+ currentItemFillStyle: import("../element/types").FillStyle;
62
+ currentItemStrokeWidth: number;
63
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
64
+ currentItemRoughness: number;
65
+ currentItemOpacity: number;
66
+ currentItemFontFamily: number;
67
+ currentItemFontSize: number;
68
+ currentItemTextAlign: import("../element/types").TextAlign;
69
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
70
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
71
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
72
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
73
+ cursorButton: "up" | "down";
74
+ scrolledOutside: boolean;
75
+ isResizing: boolean;
76
+ isRotating: boolean;
77
+ openMenu: "canvas" | "shape" | null;
78
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
79
+ lastPointerDownWith: import("../element/types").PointerType;
80
+ selectedElementIds: {
81
+ [id: string]: boolean;
82
+ };
83
+ previousSelectedElementIds: {
84
+ [id: string]: boolean;
85
+ };
86
+ showHelpDialog: boolean;
87
+ toastMessage: string | null;
88
+ zenModeEnabled: boolean;
89
+ viewModeEnabled: boolean;
90
+ selectedGroupIds: {
91
+ [groupId: string]: boolean;
92
+ };
93
+ editingGroupId: string | null;
94
+ isLibraryOpen: boolean;
95
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
96
+ collaborators: Map<string, import("../types").Collaborator>;
97
+ currentChartType: import("../element/types").ChartType;
98
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
99
+ };
100
+ commitToHistory: true;
101
+ };
102
+ PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
103
+ } & {
104
+ keyTest?: undefined;
105
+ };
106
+ export declare const actionZoomIn: {
107
+ name: "zoomIn";
108
+ perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
109
+ appState: {
110
+ zoom: Readonly<{
111
+ value: NormalizedZoomValue;
112
+ translation: Readonly<{
113
+ x: number;
114
+ y: number;
115
+ }>;
116
+ }>;
117
+ isLoading: boolean;
118
+ errorMessage: string | null;
119
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
120
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
121
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
122
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
123
+ isBindingEnabled: boolean;
124
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
125
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
126
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
127
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
128
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
129
+ elementLocked: boolean;
130
+ exportBackground: boolean;
131
+ exportEmbedScene: boolean;
132
+ exportWithDarkMode: boolean;
133
+ exportScale: number;
134
+ currentItemStrokeColor: string;
135
+ currentItemBackgroundColor: string;
136
+ currentItemFillStyle: import("../element/types").FillStyle;
137
+ currentItemStrokeWidth: number;
138
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
139
+ currentItemRoughness: number;
140
+ currentItemOpacity: number;
141
+ currentItemFontFamily: number;
142
+ currentItemFontSize: number;
143
+ currentItemTextAlign: import("../element/types").TextAlign;
144
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
145
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
146
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
147
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
148
+ viewBackgroundColor: string;
149
+ scrollX: number;
150
+ scrollY: number;
151
+ cursorButton: "up" | "down";
152
+ scrolledOutside: boolean;
153
+ name: string;
154
+ isResizing: boolean;
155
+ isRotating: boolean;
156
+ openMenu: "canvas" | "shape" | null;
157
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
158
+ lastPointerDownWith: import("../element/types").PointerType;
159
+ selectedElementIds: {
160
+ [id: string]: boolean;
161
+ };
162
+ previousSelectedElementIds: {
163
+ [id: string]: boolean;
164
+ };
165
+ shouldCacheIgnoreZoom: boolean;
166
+ showHelpDialog: boolean;
167
+ toastMessage: string | null;
168
+ zenModeEnabled: boolean;
169
+ theme: string;
170
+ gridSize: number | null;
171
+ viewModeEnabled: boolean;
172
+ selectedGroupIds: {
173
+ [groupId: string]: boolean;
174
+ };
175
+ editingGroupId: string | null;
176
+ width: number;
177
+ height: number;
178
+ offsetTop: number;
179
+ offsetLeft: number;
180
+ isLibraryOpen: boolean;
181
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
182
+ collaborators: Map<string, import("../types").Collaborator>;
183
+ showStats: boolean;
184
+ currentChartType: import("../element/types").ChartType;
185
+ pasteDialog: {
186
+ shown: false;
187
+ data: null;
188
+ } | {
189
+ shown: true;
190
+ data: import("../charts").Spreadsheet;
191
+ };
192
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
193
+ };
194
+ commitToHistory: false;
195
+ };
196
+ PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
197
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
198
+ } & {
199
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
200
+ };
201
+ export declare const actionZoomOut: {
202
+ name: "zoomOut";
203
+ perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
204
+ appState: {
205
+ zoom: Readonly<{
206
+ value: NormalizedZoomValue;
207
+ translation: Readonly<{
208
+ x: number;
209
+ y: number;
210
+ }>;
211
+ }>;
212
+ isLoading: boolean;
213
+ errorMessage: string | null;
214
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
215
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
216
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
217
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
218
+ isBindingEnabled: boolean;
219
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
220
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
221
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
222
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
223
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
224
+ elementLocked: boolean;
225
+ exportBackground: boolean;
226
+ exportEmbedScene: boolean;
227
+ exportWithDarkMode: boolean;
228
+ exportScale: number;
229
+ currentItemStrokeColor: string;
230
+ currentItemBackgroundColor: string;
231
+ currentItemFillStyle: import("../element/types").FillStyle;
232
+ currentItemStrokeWidth: number;
233
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
234
+ currentItemRoughness: number;
235
+ currentItemOpacity: number;
236
+ currentItemFontFamily: number;
237
+ currentItemFontSize: number;
238
+ currentItemTextAlign: import("../element/types").TextAlign;
239
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
240
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
241
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
242
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
243
+ viewBackgroundColor: string;
244
+ scrollX: number;
245
+ scrollY: number;
246
+ cursorButton: "up" | "down";
247
+ scrolledOutside: boolean;
248
+ name: string;
249
+ isResizing: boolean;
250
+ isRotating: boolean;
251
+ openMenu: "canvas" | "shape" | null;
252
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
253
+ lastPointerDownWith: import("../element/types").PointerType;
254
+ selectedElementIds: {
255
+ [id: string]: boolean;
256
+ };
257
+ previousSelectedElementIds: {
258
+ [id: string]: boolean;
259
+ };
260
+ shouldCacheIgnoreZoom: boolean;
261
+ showHelpDialog: boolean;
262
+ toastMessage: string | null;
263
+ zenModeEnabled: boolean;
264
+ theme: string;
265
+ gridSize: number | null;
266
+ viewModeEnabled: boolean;
267
+ selectedGroupIds: {
268
+ [groupId: string]: boolean;
269
+ };
270
+ editingGroupId: string | null;
271
+ width: number;
272
+ height: number;
273
+ offsetTop: number;
274
+ offsetLeft: number;
275
+ isLibraryOpen: boolean;
276
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
277
+ collaborators: Map<string, import("../types").Collaborator>;
278
+ showStats: boolean;
279
+ currentChartType: import("../element/types").ChartType;
280
+ pasteDialog: {
281
+ shown: false;
282
+ data: null;
283
+ } | {
284
+ shown: true;
285
+ data: import("../charts").Spreadsheet;
286
+ };
287
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
288
+ };
289
+ commitToHistory: false;
290
+ };
291
+ PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
292
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
293
+ } & {
294
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
295
+ };
296
+ export declare const actionResetZoom: {
297
+ name: "resetZoom";
298
+ perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
299
+ appState: {
300
+ zoom: Readonly<{
301
+ value: NormalizedZoomValue;
302
+ translation: Readonly<{
303
+ x: number;
304
+ y: number;
305
+ }>;
306
+ }>;
307
+ isLoading: boolean;
308
+ errorMessage: string | null;
309
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
310
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
311
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
312
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
313
+ isBindingEnabled: boolean;
314
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
315
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
316
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
317
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
318
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
319
+ elementLocked: boolean;
320
+ exportBackground: boolean;
321
+ exportEmbedScene: boolean;
322
+ exportWithDarkMode: boolean;
323
+ exportScale: number;
324
+ currentItemStrokeColor: string;
325
+ currentItemBackgroundColor: string;
326
+ currentItemFillStyle: import("../element/types").FillStyle;
327
+ currentItemStrokeWidth: number;
328
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
329
+ currentItemRoughness: number;
330
+ currentItemOpacity: number;
331
+ currentItemFontFamily: number;
332
+ currentItemFontSize: number;
333
+ currentItemTextAlign: import("../element/types").TextAlign;
334
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
335
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
336
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
337
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
338
+ viewBackgroundColor: string;
339
+ scrollX: number;
340
+ scrollY: number;
341
+ cursorButton: "up" | "down";
342
+ scrolledOutside: boolean;
343
+ name: string;
344
+ isResizing: boolean;
345
+ isRotating: boolean;
346
+ openMenu: "canvas" | "shape" | null;
347
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
348
+ lastPointerDownWith: import("../element/types").PointerType;
349
+ selectedElementIds: {
350
+ [id: string]: boolean;
351
+ };
352
+ previousSelectedElementIds: {
353
+ [id: string]: boolean;
354
+ };
355
+ shouldCacheIgnoreZoom: boolean;
356
+ showHelpDialog: boolean;
357
+ toastMessage: string | null;
358
+ zenModeEnabled: boolean;
359
+ theme: string;
360
+ gridSize: number | null;
361
+ viewModeEnabled: boolean;
362
+ selectedGroupIds: {
363
+ [groupId: string]: boolean;
364
+ };
365
+ editingGroupId: string | null;
366
+ width: number;
367
+ height: number;
368
+ offsetTop: number;
369
+ offsetLeft: number;
370
+ isLibraryOpen: boolean;
371
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
372
+ collaborators: Map<string, import("../types").Collaborator>;
373
+ showStats: boolean;
374
+ currentChartType: import("../element/types").ChartType;
375
+ pasteDialog: {
376
+ shown: false;
377
+ data: null;
378
+ } | {
379
+ shown: true;
380
+ data: import("../charts").Spreadsheet;
381
+ };
382
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
383
+ };
384
+ commitToHistory: false;
385
+ };
386
+ PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
387
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
388
+ } & {
389
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
390
+ };
391
+ export declare const actionZoomToSelected: {
392
+ name: "zoomToSelection";
393
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
394
+ appState: {
395
+ zoom: Readonly<{
396
+ value: NormalizedZoomValue;
397
+ translation: Readonly<{
398
+ x: number;
399
+ y: number;
400
+ }>;
401
+ }>;
402
+ scrollX: number;
403
+ scrollY: number;
404
+ isLoading: boolean;
405
+ errorMessage: string | null;
406
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
407
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
408
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
409
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
410
+ isBindingEnabled: boolean;
411
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
412
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
413
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
414
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
415
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
416
+ elementLocked: boolean;
417
+ exportBackground: boolean;
418
+ exportEmbedScene: boolean;
419
+ exportWithDarkMode: boolean;
420
+ exportScale: number;
421
+ currentItemStrokeColor: string;
422
+ currentItemBackgroundColor: string;
423
+ currentItemFillStyle: import("../element/types").FillStyle;
424
+ currentItemStrokeWidth: number;
425
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
426
+ currentItemRoughness: number;
427
+ currentItemOpacity: number;
428
+ currentItemFontFamily: number;
429
+ currentItemFontSize: number;
430
+ currentItemTextAlign: import("../element/types").TextAlign;
431
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
432
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
433
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
434
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
435
+ viewBackgroundColor: string;
436
+ cursorButton: "up" | "down";
437
+ scrolledOutside: boolean;
438
+ name: string;
439
+ isResizing: boolean;
440
+ isRotating: boolean;
441
+ openMenu: "canvas" | "shape" | null;
442
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
443
+ lastPointerDownWith: import("../element/types").PointerType;
444
+ selectedElementIds: {
445
+ [id: string]: boolean;
446
+ };
447
+ previousSelectedElementIds: {
448
+ [id: string]: boolean;
449
+ };
450
+ shouldCacheIgnoreZoom: boolean;
451
+ showHelpDialog: boolean;
452
+ toastMessage: string | null;
453
+ zenModeEnabled: boolean;
454
+ theme: string;
455
+ gridSize: number | null;
456
+ viewModeEnabled: boolean;
457
+ selectedGroupIds: {
458
+ [groupId: string]: boolean;
459
+ };
460
+ editingGroupId: string | null;
461
+ width: number;
462
+ height: number;
463
+ offsetTop: number;
464
+ offsetLeft: number;
465
+ isLibraryOpen: boolean;
466
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
467
+ collaborators: Map<string, import("../types").Collaborator>;
468
+ showStats: boolean;
469
+ currentChartType: import("../element/types").ChartType;
470
+ pasteDialog: {
471
+ shown: false;
472
+ data: null;
473
+ } | {
474
+ shown: true;
475
+ data: import("../charts").Spreadsheet;
476
+ };
477
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
478
+ };
479
+ commitToHistory: boolean;
480
+ };
481
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
482
+ } & {
483
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
484
+ };
485
+ export declare const actionZoomToFit: {
486
+ name: "zoomToFit";
487
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
488
+ appState: {
489
+ zoom: Readonly<{
490
+ value: NormalizedZoomValue;
491
+ translation: Readonly<{
492
+ x: number;
493
+ y: number;
494
+ }>;
495
+ }>;
496
+ scrollX: number;
497
+ scrollY: number;
498
+ isLoading: boolean;
499
+ errorMessage: string | null;
500
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
501
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
502
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
503
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
504
+ isBindingEnabled: boolean;
505
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
506
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
507
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
508
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
509
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
510
+ elementLocked: boolean;
511
+ exportBackground: boolean;
512
+ exportEmbedScene: boolean;
513
+ exportWithDarkMode: boolean;
514
+ exportScale: number;
515
+ currentItemStrokeColor: string;
516
+ currentItemBackgroundColor: string;
517
+ currentItemFillStyle: import("../element/types").FillStyle;
518
+ currentItemStrokeWidth: number;
519
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
520
+ currentItemRoughness: number;
521
+ currentItemOpacity: number;
522
+ currentItemFontFamily: number;
523
+ currentItemFontSize: number;
524
+ currentItemTextAlign: import("../element/types").TextAlign;
525
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
526
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
527
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
528
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
529
+ viewBackgroundColor: string;
530
+ cursorButton: "up" | "down";
531
+ scrolledOutside: boolean;
532
+ name: string;
533
+ isResizing: boolean;
534
+ isRotating: boolean;
535
+ openMenu: "canvas" | "shape" | null;
536
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
537
+ lastPointerDownWith: import("../element/types").PointerType;
538
+ selectedElementIds: {
539
+ [id: string]: boolean;
540
+ };
541
+ previousSelectedElementIds: {
542
+ [id: string]: boolean;
543
+ };
544
+ shouldCacheIgnoreZoom: boolean;
545
+ showHelpDialog: boolean;
546
+ toastMessage: string | null;
547
+ zenModeEnabled: boolean;
548
+ theme: string;
549
+ gridSize: number | null;
550
+ viewModeEnabled: boolean;
551
+ selectedGroupIds: {
552
+ [groupId: string]: boolean;
553
+ };
554
+ editingGroupId: string | null;
555
+ width: number;
556
+ height: number;
557
+ offsetTop: number;
558
+ offsetLeft: number;
559
+ isLibraryOpen: boolean;
560
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
561
+ collaborators: Map<string, import("../types").Collaborator>;
562
+ showStats: boolean;
563
+ currentChartType: import("../element/types").ChartType;
564
+ pasteDialog: {
565
+ shown: false;
566
+ data: null;
567
+ } | {
568
+ shown: true;
569
+ data: import("../charts").Spreadsheet;
570
+ };
571
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
572
+ };
573
+ commitToHistory: boolean;
574
+ };
575
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
576
+ } & {
577
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
578
+ };
579
+ export declare const actionToggleTheme: {
580
+ name: "toggleTheme";
581
+ perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
582
+ appState: {
583
+ theme: any;
584
+ isLoading: boolean;
585
+ errorMessage: string | null;
586
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
587
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
588
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
589
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
590
+ isBindingEnabled: boolean;
591
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
592
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
593
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
594
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
595
+ elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
596
+ elementLocked: boolean;
597
+ exportBackground: boolean;
598
+ exportEmbedScene: boolean;
599
+ exportWithDarkMode: boolean;
600
+ exportScale: number;
601
+ currentItemStrokeColor: string;
602
+ currentItemBackgroundColor: string;
603
+ currentItemFillStyle: import("../element/types").FillStyle;
604
+ currentItemStrokeWidth: number;
605
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
606
+ currentItemRoughness: number;
607
+ currentItemOpacity: number;
608
+ currentItemFontFamily: number;
609
+ currentItemFontSize: number;
610
+ currentItemTextAlign: import("../element/types").TextAlign;
611
+ currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
612
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
613
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
614
+ currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
615
+ viewBackgroundColor: string;
616
+ scrollX: number;
617
+ scrollY: number;
618
+ cursorButton: "up" | "down";
619
+ scrolledOutside: boolean;
620
+ name: string;
621
+ isResizing: boolean;
622
+ isRotating: boolean;
623
+ zoom: Readonly<{
624
+ value: NormalizedZoomValue;
625
+ translation: Readonly<{
626
+ x: number;
627
+ y: number;
628
+ }>;
629
+ }>;
630
+ openMenu: "canvas" | "shape" | null;
631
+ openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
632
+ lastPointerDownWith: import("../element/types").PointerType;
633
+ selectedElementIds: {
634
+ [id: string]: boolean;
635
+ };
636
+ previousSelectedElementIds: {
637
+ [id: string]: boolean;
638
+ };
639
+ shouldCacheIgnoreZoom: boolean;
640
+ showHelpDialog: boolean;
641
+ toastMessage: string | null;
642
+ zenModeEnabled: boolean;
643
+ gridSize: number | null;
644
+ viewModeEnabled: boolean;
645
+ selectedGroupIds: {
646
+ [groupId: string]: boolean;
647
+ };
648
+ editingGroupId: string | null;
649
+ width: number;
650
+ height: number;
651
+ offsetTop: number;
652
+ offsetLeft: number;
653
+ isLibraryOpen: boolean;
654
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
655
+ collaborators: Map<string, import("../types").Collaborator>;
656
+ showStats: boolean;
657
+ currentChartType: import("../element/types").ChartType;
658
+ pasteDialog: {
659
+ shown: false;
660
+ data: null;
661
+ } | {
662
+ shown: true;
663
+ data: import("../charts").Spreadsheet;
664
+ };
665
+ pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
666
+ };
667
+ commitToHistory: false;
668
+ };
669
+ PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
670
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
671
+ } & {
672
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
673
+ };