@dwelle/excalidraw 0.4.0-d411eb2 → 0.4.0-e7ba198

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 (107) hide show
  1. package/CHANGELOG.md +102 -754
  2. package/README.md +93 -25
  3. package/dist/excalidraw-assets/Assistant-Bold.woff2 +0 -0
  4. package/dist/excalidraw-assets/Assistant-Medium.woff2 +0 -0
  5. package/dist/excalidraw-assets/Assistant-Regular.woff2 +0 -0
  6. package/dist/excalidraw-assets/Assistant-SemiBold.woff2 +0 -0
  7. package/dist/excalidraw-assets/vendor-2002fe1b8862917b36c1.js +2 -0
  8. package/dist/excalidraw-assets/{vendor-52b1f3361986b6c6a4fe.js.LICENSE.txt → vendor-2002fe1b8862917b36c1.js.LICENSE.txt} +0 -0
  9. package/dist/excalidraw-assets-dev/Assistant-Bold.woff2 +0 -0
  10. package/dist/excalidraw-assets-dev/Assistant-Medium.woff2 +0 -0
  11. package/dist/excalidraw-assets-dev/Assistant-Regular.woff2 +0 -0
  12. package/dist/excalidraw-assets-dev/Assistant-SemiBold.woff2 +0 -0
  13. package/dist/excalidraw-assets-dev/{vendor-c0592035c3911af79359.js → vendor-e6df8519da951026ff69.js} +1 -1
  14. package/dist/excalidraw.development.js +442 -204
  15. package/dist/excalidraw.production.min.js +1 -1
  16. package/dist/excalidraw.production.min.js.LICENSE.txt +1 -8
  17. package/package.json +1 -1
  18. package/types/actions/actionAddToLibrary.d.ts +15 -12
  19. package/types/actions/actionAlign.d.ts +18 -6
  20. package/types/actions/actionBoundText.d.ts +5 -4
  21. package/types/actions/actionCanvas.d.ts +62 -40
  22. package/types/actions/actionClipboard.d.ts +26 -21
  23. package/types/actions/actionDeleteSelected.d.ts +19 -14
  24. package/types/actions/actionDistribute.d.ts +6 -2
  25. package/types/actions/actionDuplicateSelection.d.ts +3 -1
  26. package/types/actions/actionExport.d.ts +71 -46
  27. package/types/actions/actionFinalize.d.ts +13 -9
  28. package/types/actions/actionGroup.d.ts +6 -2
  29. package/types/actions/actionLinearEditor.d.ts +115 -0
  30. package/types/actions/actionMenu.d.ts +24 -15
  31. package/types/actions/actionNavigate.d.ts +3 -1
  32. package/types/actions/actionProperties.d.ts +104 -65
  33. package/types/actions/actionStyles.d.ts +5 -4
  34. package/types/actions/actionToggleGridMode.d.ts +5 -4
  35. package/types/actions/actionToggleLock.d.ts +5 -4
  36. package/types/actions/actionToggleStats.d.ts +5 -4
  37. package/types/actions/actionToggleViewMode.d.ts +5 -4
  38. package/types/actions/actionToggleZenMode.d.ts +5 -4
  39. package/types/actions/actionZindex.d.ts +12 -4
  40. package/types/actions/index.d.ts +1 -0
  41. package/types/actions/manager.d.ts +1 -1
  42. package/types/actions/shortcuts.d.ts +1 -1
  43. package/types/actions/types.d.ts +4 -2
  44. package/types/appState.d.ts +6 -5
  45. package/types/clients.d.ts +1 -1
  46. package/types/components/Actions.d.ts +14 -2
  47. package/types/components/App.d.ts +54 -3
  48. package/types/components/Avatar.d.ts +1 -1
  49. package/types/components/CollabButton.d.ts +2 -3
  50. package/types/components/DialogActionButton.d.ts +10 -0
  51. package/types/components/Footer.d.ts +10 -0
  52. package/types/components/HelpButton.d.ts +8 -0
  53. package/types/components/HintViewer.d.ts +3 -2
  54. package/types/components/HomeButton.d.ts +5 -0
  55. package/types/components/ImageExportDialog.d.ts +3 -1
  56. package/types/components/InitializeApp.d.ts +2 -0
  57. package/types/components/JSONExportDialog.d.ts +2 -2
  58. package/types/components/LayerUI.d.ts +6 -4
  59. package/types/components/LibraryButton.d.ts +1 -0
  60. package/types/components/LibraryMenu.d.ts +14 -6
  61. package/types/components/LibraryMenuBrowseButton.d.ts +7 -0
  62. package/types/components/LibraryMenuHeaderContent.d.ts +12 -0
  63. package/types/components/LibraryMenuItems.d.ts +5 -14
  64. package/types/components/LibraryUnit.d.ts +2 -3
  65. package/types/components/LoadingMessage.d.ts +2 -0
  66. package/types/components/MenuItem.d.ts +11 -0
  67. package/types/components/MenuUtils.d.ts +1 -0
  68. package/types/components/MobileMenu.d.ts +10 -9
  69. package/types/components/Sidebar/Sidebar.d.ts +73 -0
  70. package/types/components/Sidebar/SidebarHeader.d.ts +20 -0
  71. package/types/components/Sidebar/common.d.ts +16 -0
  72. package/types/components/Stats.d.ts +1 -1
  73. package/types/components/UserList.d.ts +0 -1
  74. package/types/components/WelcomeScreen.d.ts +10 -0
  75. package/types/components/WelcomeScreenDecor.d.ts +6 -0
  76. package/types/components/hoc/withUpstreamOverride.d.ts +10 -0
  77. package/types/components/icons.d.ts +81 -122
  78. package/types/constants.d.ts +15 -7
  79. package/types/data/blob.d.ts +1 -1
  80. package/types/data/restore.d.ts +1 -1
  81. package/types/data/types.d.ts +16 -1
  82. package/types/element/Hyperlink.d.ts +9 -7
  83. package/types/element/image.d.ts +1 -1
  84. package/types/element/index.d.ts +1 -1
  85. package/types/element/linearElementEditor.d.ts +24 -11
  86. package/types/element/newElement.d.ts +14 -1
  87. package/types/element/textElement.d.ts +6 -2
  88. package/types/element/transformHandles.d.ts +3 -3
  89. package/types/element/types.d.ts +3 -2
  90. package/types/hooks/useOutsideClick.d.ts +2 -0
  91. package/types/keys.d.ts +13 -3
  92. package/types/math.d.ts +8 -1
  93. package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-52b1f3361986b6c6a4fe.d.ts → vendor-2002fe1b8862917b36c1.d.ts} +0 -0
  94. package/types/packages/excalidraw/dist/excalidraw-assets-dev/{vendor-c0592035c3911af79359.d.ts → vendor-e6df8519da951026ff69.d.ts} +0 -0
  95. package/types/packages/excalidraw/example/App.d.ts +2 -1
  96. package/types/packages/excalidraw/example/sidebar/{Sidebar.d.ts → ExampleSidebar.d.ts} +1 -1
  97. package/types/packages/excalidraw/index.d.ts +2 -1
  98. package/types/packages/utils.d.ts +4 -1
  99. package/types/renderer/renderScene.d.ts +1 -1
  100. package/types/scene/types.d.ts +1 -0
  101. package/types/shapes.d.ts +27 -3
  102. package/types/types.d.ts +32 -15
  103. package/dist/excalidraw-assets/vendor-52b1f3361986b6c6a4fe.js +0 -2
  104. package/types/components/BackgroundPickerAndDarkModeToggle.d.ts +0 -9
  105. package/types/components/Card.d.ts +0 -7
  106. package/types/components/HelpIcon.d.ts +0 -8
  107. package/types/components/SidebarLockButton.d.ts +0 -8
@@ -1,11 +1,13 @@
1
1
  /// <reference types="react" />
2
2
  import { AppState } from "../../src/types";
3
- import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement, TextAlign } from "../element/types";
3
+ import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
4
4
  export declare const actionChangeStrokeColor: {
5
5
  name: "changeStrokeColor";
6
6
  trackEvent: false;
7
7
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
8
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
8
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
9
+ isInHamburgerMenu: boolean;
10
+ }) => JSX.Element;
9
11
  } & {
10
12
  keyTest?: undefined;
11
13
  };
@@ -13,7 +15,9 @@ export declare const actionChangeBackgroundColor: {
13
15
  name: "changeBackgroundColor";
14
16
  trackEvent: false;
15
17
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
16
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
18
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
19
+ isInHamburgerMenu: boolean;
20
+ }) => JSX.Element;
17
21
  } & {
18
22
  keyTest?: undefined;
19
23
  };
@@ -24,6 +28,7 @@ export declare const actionChangeFillStyle: {
24
28
  elements: ExcalidrawElement[];
25
29
  appState: {
26
30
  currentItemFillStyle: any;
31
+ showWelcomeScreen: boolean;
27
32
  isLoading: boolean;
28
33
  errorMessage: string | null;
29
34
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -60,7 +65,7 @@ export declare const actionChangeFillStyle: {
60
65
  currentItemOpacity: number;
61
66
  currentItemFontFamily: number;
62
67
  currentItemFontSize: number;
63
- currentItemTextAlign: TextAlign;
68
+ currentItemTextAlign: string;
64
69
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
65
70
  currentItemStartArrowhead: Arrowhead | null;
66
71
  currentItemEndArrowhead: Arrowhead | null;
@@ -78,6 +83,9 @@ export declare const actionChangeFillStyle: {
78
83
  }>;
79
84
  openMenu: "canvas" | "shape" | null;
80
85
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
86
+ openSidebar: "library" | "customSidebar" | null;
87
+ openDialog: "imageExport" | "help" | null;
88
+ isSidebarDocked: boolean;
81
89
  lastPointerDownWith: import("../element/types").PointerType;
82
90
  selectedElementIds: {
83
91
  [id: string]: boolean;
@@ -86,7 +94,6 @@ export declare const actionChangeFillStyle: {
86
94
  [id: string]: boolean;
87
95
  };
88
96
  shouldCacheIgnoreZoom: boolean;
89
- showHelpDialog: boolean;
90
97
  toast: {
91
98
  message: string;
92
99
  closable?: boolean | undefined;
@@ -104,8 +111,6 @@ export declare const actionChangeFillStyle: {
104
111
  height: number;
105
112
  offsetTop: number;
106
113
  offsetLeft: number;
107
- isLibraryOpen: boolean;
108
- isLibraryMenuDocked: boolean;
109
114
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
110
115
  collaborators: Map<string, import("../../src/types").Collaborator>;
111
116
  showStats: boolean;
@@ -123,7 +128,9 @@ export declare const actionChangeFillStyle: {
123
128
  };
124
129
  commitToHistory: true;
125
130
  };
126
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
131
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
132
+ isInHamburgerMenu: boolean;
133
+ }) => JSX.Element;
127
134
  } & {
128
135
  keyTest?: undefined;
129
136
  };
@@ -134,6 +141,7 @@ export declare const actionChangeStrokeWidth: {
134
141
  elements: ExcalidrawElement[];
135
142
  appState: {
136
143
  currentItemStrokeWidth: any;
144
+ showWelcomeScreen: boolean;
137
145
  isLoading: boolean;
138
146
  errorMessage: string | null;
139
147
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -170,7 +178,7 @@ export declare const actionChangeStrokeWidth: {
170
178
  currentItemOpacity: number;
171
179
  currentItemFontFamily: number;
172
180
  currentItemFontSize: number;
173
- currentItemTextAlign: TextAlign;
181
+ currentItemTextAlign: string;
174
182
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
175
183
  currentItemStartArrowhead: Arrowhead | null;
176
184
  currentItemEndArrowhead: Arrowhead | null;
@@ -188,6 +196,9 @@ export declare const actionChangeStrokeWidth: {
188
196
  }>;
189
197
  openMenu: "canvas" | "shape" | null;
190
198
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
199
+ openSidebar: "library" | "customSidebar" | null;
200
+ openDialog: "imageExport" | "help" | null;
201
+ isSidebarDocked: boolean;
191
202
  lastPointerDownWith: import("../element/types").PointerType;
192
203
  selectedElementIds: {
193
204
  [id: string]: boolean;
@@ -196,7 +207,6 @@ export declare const actionChangeStrokeWidth: {
196
207
  [id: string]: boolean;
197
208
  };
198
209
  shouldCacheIgnoreZoom: boolean;
199
- showHelpDialog: boolean;
200
210
  toast: {
201
211
  message: string;
202
212
  closable?: boolean | undefined;
@@ -214,8 +224,6 @@ export declare const actionChangeStrokeWidth: {
214
224
  height: number;
215
225
  offsetTop: number;
216
226
  offsetLeft: number;
217
- isLibraryOpen: boolean;
218
- isLibraryMenuDocked: boolean;
219
227
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
220
228
  collaborators: Map<string, import("../../src/types").Collaborator>;
221
229
  showStats: boolean;
@@ -233,7 +241,9 @@ export declare const actionChangeStrokeWidth: {
233
241
  };
234
242
  commitToHistory: true;
235
243
  };
236
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
244
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
245
+ isInHamburgerMenu: boolean;
246
+ }) => JSX.Element;
237
247
  } & {
238
248
  keyTest?: undefined;
239
249
  };
@@ -244,6 +254,7 @@ export declare const actionChangeSloppiness: {
244
254
  elements: ExcalidrawElement[];
245
255
  appState: {
246
256
  currentItemRoughness: any;
257
+ showWelcomeScreen: boolean;
247
258
  isLoading: boolean;
248
259
  errorMessage: string | null;
249
260
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -280,7 +291,7 @@ export declare const actionChangeSloppiness: {
280
291
  currentItemOpacity: number;
281
292
  currentItemFontFamily: number;
282
293
  currentItemFontSize: number;
283
- currentItemTextAlign: TextAlign;
294
+ currentItemTextAlign: string;
284
295
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
285
296
  currentItemStartArrowhead: Arrowhead | null;
286
297
  currentItemEndArrowhead: Arrowhead | null;
@@ -298,6 +309,9 @@ export declare const actionChangeSloppiness: {
298
309
  }>;
299
310
  openMenu: "canvas" | "shape" | null;
300
311
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
312
+ openSidebar: "library" | "customSidebar" | null;
313
+ openDialog: "imageExport" | "help" | null;
314
+ isSidebarDocked: boolean;
301
315
  lastPointerDownWith: import("../element/types").PointerType;
302
316
  selectedElementIds: {
303
317
  [id: string]: boolean;
@@ -306,7 +320,6 @@ export declare const actionChangeSloppiness: {
306
320
  [id: string]: boolean;
307
321
  };
308
322
  shouldCacheIgnoreZoom: boolean;
309
- showHelpDialog: boolean;
310
323
  toast: {
311
324
  message: string;
312
325
  closable?: boolean | undefined;
@@ -324,8 +337,6 @@ export declare const actionChangeSloppiness: {
324
337
  height: number;
325
338
  offsetTop: number;
326
339
  offsetLeft: number;
327
- isLibraryOpen: boolean;
328
- isLibraryMenuDocked: boolean;
329
340
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
330
341
  collaborators: Map<string, import("../../src/types").Collaborator>;
331
342
  showStats: boolean;
@@ -343,7 +354,9 @@ export declare const actionChangeSloppiness: {
343
354
  };
344
355
  commitToHistory: true;
345
356
  };
346
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
357
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
358
+ isInHamburgerMenu: boolean;
359
+ }) => JSX.Element;
347
360
  } & {
348
361
  keyTest?: undefined;
349
362
  };
@@ -354,6 +367,7 @@ export declare const actionChangeStrokeStyle: {
354
367
  elements: ExcalidrawElement[];
355
368
  appState: {
356
369
  currentItemStrokeStyle: any;
370
+ showWelcomeScreen: boolean;
357
371
  isLoading: boolean;
358
372
  errorMessage: string | null;
359
373
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -390,7 +404,7 @@ export declare const actionChangeStrokeStyle: {
390
404
  currentItemOpacity: number;
391
405
  currentItemFontFamily: number;
392
406
  currentItemFontSize: number;
393
- currentItemTextAlign: TextAlign;
407
+ currentItemTextAlign: string;
394
408
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
395
409
  currentItemStartArrowhead: Arrowhead | null;
396
410
  currentItemEndArrowhead: Arrowhead | null;
@@ -408,6 +422,9 @@ export declare const actionChangeStrokeStyle: {
408
422
  }>;
409
423
  openMenu: "canvas" | "shape" | null;
410
424
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
425
+ openSidebar: "library" | "customSidebar" | null;
426
+ openDialog: "imageExport" | "help" | null;
427
+ isSidebarDocked: boolean;
411
428
  lastPointerDownWith: import("../element/types").PointerType;
412
429
  selectedElementIds: {
413
430
  [id: string]: boolean;
@@ -416,7 +433,6 @@ export declare const actionChangeStrokeStyle: {
416
433
  [id: string]: boolean;
417
434
  };
418
435
  shouldCacheIgnoreZoom: boolean;
419
- showHelpDialog: boolean;
420
436
  toast: {
421
437
  message: string;
422
438
  closable?: boolean | undefined;
@@ -434,8 +450,6 @@ export declare const actionChangeStrokeStyle: {
434
450
  height: number;
435
451
  offsetTop: number;
436
452
  offsetLeft: number;
437
- isLibraryOpen: boolean;
438
- isLibraryMenuDocked: boolean;
439
453
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
440
454
  collaborators: Map<string, import("../../src/types").Collaborator>;
441
455
  showStats: boolean;
@@ -453,7 +467,9 @@ export declare const actionChangeStrokeStyle: {
453
467
  };
454
468
  commitToHistory: true;
455
469
  };
456
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
470
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
471
+ isInHamburgerMenu: boolean;
472
+ }) => JSX.Element;
457
473
  } & {
458
474
  keyTest?: undefined;
459
475
  };
@@ -464,6 +480,7 @@ export declare const actionChangeOpacity: {
464
480
  elements: ExcalidrawElement[];
465
481
  appState: {
466
482
  currentItemOpacity: any;
483
+ showWelcomeScreen: boolean;
467
484
  isLoading: boolean;
468
485
  errorMessage: string | null;
469
486
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -500,7 +517,7 @@ export declare const actionChangeOpacity: {
500
517
  currentItemRoughness: number;
501
518
  currentItemFontFamily: number;
502
519
  currentItemFontSize: number;
503
- currentItemTextAlign: TextAlign;
520
+ currentItemTextAlign: string;
504
521
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
505
522
  currentItemStartArrowhead: Arrowhead | null;
506
523
  currentItemEndArrowhead: Arrowhead | null;
@@ -518,6 +535,9 @@ export declare const actionChangeOpacity: {
518
535
  }>;
519
536
  openMenu: "canvas" | "shape" | null;
520
537
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
538
+ openSidebar: "library" | "customSidebar" | null;
539
+ openDialog: "imageExport" | "help" | null;
540
+ isSidebarDocked: boolean;
521
541
  lastPointerDownWith: import("../element/types").PointerType;
522
542
  selectedElementIds: {
523
543
  [id: string]: boolean;
@@ -526,7 +546,6 @@ export declare const actionChangeOpacity: {
526
546
  [id: string]: boolean;
527
547
  };
528
548
  shouldCacheIgnoreZoom: boolean;
529
- showHelpDialog: boolean;
530
549
  toast: {
531
550
  message: string;
532
551
  closable?: boolean | undefined;
@@ -544,8 +563,6 @@ export declare const actionChangeOpacity: {
544
563
  height: number;
545
564
  offsetTop: number;
546
565
  offsetLeft: number;
547
- isLibraryOpen: boolean;
548
- isLibraryMenuDocked: boolean;
549
566
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
550
567
  collaborators: Map<string, import("../../src/types").Collaborator>;
551
568
  showStats: boolean;
@@ -563,7 +580,9 @@ export declare const actionChangeOpacity: {
563
580
  };
564
581
  commitToHistory: true;
565
582
  };
566
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
583
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
584
+ isInHamburgerMenu: boolean;
585
+ }) => JSX.Element;
567
586
  } & {
568
587
  keyTest?: undefined;
569
588
  };
@@ -574,6 +593,7 @@ export declare const actionChangeFontSize: {
574
593
  elements: ExcalidrawElement[];
575
594
  appState: {
576
595
  currentItemFontSize: number;
596
+ showWelcomeScreen: boolean;
577
597
  isLoading: boolean;
578
598
  errorMessage: string | null;
579
599
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -610,7 +630,7 @@ export declare const actionChangeFontSize: {
610
630
  currentItemRoughness: number;
611
631
  currentItemOpacity: number;
612
632
  currentItemFontFamily: number;
613
- currentItemTextAlign: TextAlign;
633
+ currentItemTextAlign: string;
614
634
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
615
635
  currentItemStartArrowhead: Arrowhead | null;
616
636
  currentItemEndArrowhead: Arrowhead | null;
@@ -628,6 +648,9 @@ export declare const actionChangeFontSize: {
628
648
  }>;
629
649
  openMenu: "canvas" | "shape" | null;
630
650
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
651
+ openSidebar: "library" | "customSidebar" | null;
652
+ openDialog: "imageExport" | "help" | null;
653
+ isSidebarDocked: boolean;
631
654
  lastPointerDownWith: import("../element/types").PointerType;
632
655
  selectedElementIds: {
633
656
  [id: string]: boolean;
@@ -636,7 +659,6 @@ export declare const actionChangeFontSize: {
636
659
  [id: string]: boolean;
637
660
  };
638
661
  shouldCacheIgnoreZoom: boolean;
639
- showHelpDialog: boolean;
640
662
  toast: {
641
663
  message: string;
642
664
  closable?: boolean | undefined;
@@ -654,8 +676,6 @@ export declare const actionChangeFontSize: {
654
676
  height: number;
655
677
  offsetTop: number;
656
678
  offsetLeft: number;
657
- isLibraryOpen: boolean;
658
- isLibraryMenuDocked: boolean;
659
679
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
660
680
  collaborators: Map<string, import("../../src/types").Collaborator>;
661
681
  showStats: boolean;
@@ -673,7 +693,9 @@ export declare const actionChangeFontSize: {
673
693
  };
674
694
  commitToHistory: boolean;
675
695
  };
676
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
696
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
697
+ isInHamburgerMenu: boolean;
698
+ }) => JSX.Element;
677
699
  } & {
678
700
  keyTest?: undefined;
679
701
  };
@@ -684,6 +706,7 @@ export declare const actionDecreaseFontSize: {
684
706
  elements: ExcalidrawElement[];
685
707
  appState: {
686
708
  currentItemFontSize: number;
709
+ showWelcomeScreen: boolean;
687
710
  isLoading: boolean;
688
711
  errorMessage: string | null;
689
712
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -720,7 +743,7 @@ export declare const actionDecreaseFontSize: {
720
743
  currentItemRoughness: number;
721
744
  currentItemOpacity: number;
722
745
  currentItemFontFamily: number;
723
- currentItemTextAlign: TextAlign;
746
+ currentItemTextAlign: string;
724
747
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
725
748
  currentItemStartArrowhead: Arrowhead | null;
726
749
  currentItemEndArrowhead: Arrowhead | null;
@@ -738,6 +761,9 @@ export declare const actionDecreaseFontSize: {
738
761
  }>;
739
762
  openMenu: "canvas" | "shape" | null;
740
763
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
764
+ openSidebar: "library" | "customSidebar" | null;
765
+ openDialog: "imageExport" | "help" | null;
766
+ isSidebarDocked: boolean;
741
767
  lastPointerDownWith: import("../element/types").PointerType;
742
768
  selectedElementIds: {
743
769
  [id: string]: boolean;
@@ -746,7 +772,6 @@ export declare const actionDecreaseFontSize: {
746
772
  [id: string]: boolean;
747
773
  };
748
774
  shouldCacheIgnoreZoom: boolean;
749
- showHelpDialog: boolean;
750
775
  toast: {
751
776
  message: string;
752
777
  closable?: boolean | undefined;
@@ -764,8 +789,6 @@ export declare const actionDecreaseFontSize: {
764
789
  height: number;
765
790
  offsetTop: number;
766
791
  offsetLeft: number;
767
- isLibraryOpen: boolean;
768
- isLibraryMenuDocked: boolean;
769
792
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
770
793
  collaborators: Map<string, import("../../src/types").Collaborator>;
771
794
  showStats: boolean;
@@ -794,6 +817,7 @@ export declare const actionIncreaseFontSize: {
794
817
  elements: ExcalidrawElement[];
795
818
  appState: {
796
819
  currentItemFontSize: number;
820
+ showWelcomeScreen: boolean;
797
821
  isLoading: boolean;
798
822
  errorMessage: string | null;
799
823
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -830,7 +854,7 @@ export declare const actionIncreaseFontSize: {
830
854
  currentItemRoughness: number;
831
855
  currentItemOpacity: number;
832
856
  currentItemFontFamily: number;
833
- currentItemTextAlign: TextAlign;
857
+ currentItemTextAlign: string;
834
858
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
835
859
  currentItemStartArrowhead: Arrowhead | null;
836
860
  currentItemEndArrowhead: Arrowhead | null;
@@ -848,6 +872,9 @@ export declare const actionIncreaseFontSize: {
848
872
  }>;
849
873
  openMenu: "canvas" | "shape" | null;
850
874
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
875
+ openSidebar: "library" | "customSidebar" | null;
876
+ openDialog: "imageExport" | "help" | null;
877
+ isSidebarDocked: boolean;
851
878
  lastPointerDownWith: import("../element/types").PointerType;
852
879
  selectedElementIds: {
853
880
  [id: string]: boolean;
@@ -856,7 +883,6 @@ export declare const actionIncreaseFontSize: {
856
883
  [id: string]: boolean;
857
884
  };
858
885
  shouldCacheIgnoreZoom: boolean;
859
- showHelpDialog: boolean;
860
886
  toast: {
861
887
  message: string;
862
888
  closable?: boolean | undefined;
@@ -874,8 +900,6 @@ export declare const actionIncreaseFontSize: {
874
900
  height: number;
875
901
  offsetTop: number;
876
902
  offsetLeft: number;
877
- isLibraryOpen: boolean;
878
- isLibraryMenuDocked: boolean;
879
903
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
880
904
  collaborators: Map<string, import("../../src/types").Collaborator>;
881
905
  showStats: boolean;
@@ -904,6 +928,7 @@ export declare const actionChangeFontFamily: {
904
928
  elements: ExcalidrawElement[];
905
929
  appState: {
906
930
  currentItemFontFamily: any;
931
+ showWelcomeScreen: boolean;
907
932
  isLoading: boolean;
908
933
  errorMessage: string | null;
909
934
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -940,7 +965,7 @@ export declare const actionChangeFontFamily: {
940
965
  currentItemRoughness: number;
941
966
  currentItemOpacity: number;
942
967
  currentItemFontSize: number;
943
- currentItemTextAlign: TextAlign;
968
+ currentItemTextAlign: string;
944
969
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
945
970
  currentItemStartArrowhead: Arrowhead | null;
946
971
  currentItemEndArrowhead: Arrowhead | null;
@@ -958,6 +983,9 @@ export declare const actionChangeFontFamily: {
958
983
  }>;
959
984
  openMenu: "canvas" | "shape" | null;
960
985
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
986
+ openSidebar: "library" | "customSidebar" | null;
987
+ openDialog: "imageExport" | "help" | null;
988
+ isSidebarDocked: boolean;
961
989
  lastPointerDownWith: import("../element/types").PointerType;
962
990
  selectedElementIds: {
963
991
  [id: string]: boolean;
@@ -966,7 +994,6 @@ export declare const actionChangeFontFamily: {
966
994
  [id: string]: boolean;
967
995
  };
968
996
  shouldCacheIgnoreZoom: boolean;
969
- showHelpDialog: boolean;
970
997
  toast: {
971
998
  message: string;
972
999
  closable?: boolean | undefined;
@@ -984,8 +1011,6 @@ export declare const actionChangeFontFamily: {
984
1011
  height: number;
985
1012
  offsetTop: number;
986
1013
  offsetLeft: number;
987
- isLibraryOpen: boolean;
988
- isLibraryMenuDocked: boolean;
989
1014
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
990
1015
  collaborators: Map<string, import("../../src/types").Collaborator>;
991
1016
  showStats: boolean;
@@ -1003,7 +1028,9 @@ export declare const actionChangeFontFamily: {
1003
1028
  };
1004
1029
  commitToHistory: true;
1005
1030
  };
1006
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1031
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1032
+ isInHamburgerMenu: boolean;
1033
+ }) => JSX.Element;
1007
1034
  } & {
1008
1035
  keyTest?: undefined;
1009
1036
  };
@@ -1014,6 +1041,7 @@ export declare const actionChangeTextAlign: {
1014
1041
  elements: ExcalidrawElement[];
1015
1042
  appState: {
1016
1043
  currentItemTextAlign: any;
1044
+ showWelcomeScreen: boolean;
1017
1045
  isLoading: boolean;
1018
1046
  errorMessage: string | null;
1019
1047
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1068,6 +1096,9 @@ export declare const actionChangeTextAlign: {
1068
1096
  }>;
1069
1097
  openMenu: "canvas" | "shape" | null;
1070
1098
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1099
+ openSidebar: "library" | "customSidebar" | null;
1100
+ openDialog: "imageExport" | "help" | null;
1101
+ isSidebarDocked: boolean;
1071
1102
  lastPointerDownWith: import("../element/types").PointerType;
1072
1103
  selectedElementIds: {
1073
1104
  [id: string]: boolean;
@@ -1076,7 +1107,6 @@ export declare const actionChangeTextAlign: {
1076
1107
  [id: string]: boolean;
1077
1108
  };
1078
1109
  shouldCacheIgnoreZoom: boolean;
1079
- showHelpDialog: boolean;
1080
1110
  toast: {
1081
1111
  message: string;
1082
1112
  closable?: boolean | undefined;
@@ -1094,8 +1124,6 @@ export declare const actionChangeTextAlign: {
1094
1124
  height: number;
1095
1125
  offsetTop: number;
1096
1126
  offsetLeft: number;
1097
- isLibraryOpen: boolean;
1098
- isLibraryMenuDocked: boolean;
1099
1127
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
1100
1128
  collaborators: Map<string, import("../../src/types").Collaborator>;
1101
1129
  showStats: boolean;
@@ -1113,7 +1141,9 @@ export declare const actionChangeTextAlign: {
1113
1141
  };
1114
1142
  commitToHistory: true;
1115
1143
  };
1116
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1144
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1145
+ isInHamburgerMenu: boolean;
1146
+ }) => JSX.Element;
1117
1147
  } & {
1118
1148
  keyTest?: undefined;
1119
1149
  };
@@ -1125,6 +1155,7 @@ export declare const actionChangeVerticalAlign: {
1125
1155
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1126
1156
  elements: ExcalidrawElement[];
1127
1157
  appState: {
1158
+ showWelcomeScreen: boolean;
1128
1159
  isLoading: boolean;
1129
1160
  errorMessage: string | null;
1130
1161
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1162,7 +1193,7 @@ export declare const actionChangeVerticalAlign: {
1162
1193
  currentItemOpacity: number;
1163
1194
  currentItemFontFamily: number;
1164
1195
  currentItemFontSize: number;
1165
- currentItemTextAlign: TextAlign;
1196
+ currentItemTextAlign: string;
1166
1197
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
1167
1198
  currentItemStartArrowhead: Arrowhead | null;
1168
1199
  currentItemEndArrowhead: Arrowhead | null;
@@ -1180,6 +1211,9 @@ export declare const actionChangeVerticalAlign: {
1180
1211
  }>;
1181
1212
  openMenu: "canvas" | "shape" | null;
1182
1213
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1214
+ openSidebar: "library" | "customSidebar" | null;
1215
+ openDialog: "imageExport" | "help" | null;
1216
+ isSidebarDocked: boolean;
1183
1217
  lastPointerDownWith: import("../element/types").PointerType;
1184
1218
  selectedElementIds: {
1185
1219
  [id: string]: boolean;
@@ -1188,7 +1222,6 @@ export declare const actionChangeVerticalAlign: {
1188
1222
  [id: string]: boolean;
1189
1223
  };
1190
1224
  shouldCacheIgnoreZoom: boolean;
1191
- showHelpDialog: boolean;
1192
1225
  toast: {
1193
1226
  message: string;
1194
1227
  closable?: boolean | undefined;
@@ -1206,8 +1239,6 @@ export declare const actionChangeVerticalAlign: {
1206
1239
  height: number;
1207
1240
  offsetTop: number;
1208
1241
  offsetLeft: number;
1209
- isLibraryOpen: boolean;
1210
- isLibraryMenuDocked: boolean;
1211
1242
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
1212
1243
  collaborators: Map<string, import("../../src/types").Collaborator>;
1213
1244
  showStats: boolean;
@@ -1225,7 +1256,9 @@ export declare const actionChangeVerticalAlign: {
1225
1256
  };
1226
1257
  commitToHistory: true;
1227
1258
  };
1228
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1259
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1260
+ isInHamburgerMenu: boolean;
1261
+ }) => JSX.Element;
1229
1262
  } & {
1230
1263
  keyTest?: undefined;
1231
1264
  };
@@ -1237,6 +1270,7 @@ export declare const actionChangeSharpness: {
1237
1270
  appState: {
1238
1271
  currentItemStrokeSharpness: any;
1239
1272
  currentItemLinearStrokeSharpness: any;
1273
+ showWelcomeScreen: boolean;
1240
1274
  isLoading: boolean;
1241
1275
  errorMessage: string | null;
1242
1276
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1274,7 +1308,7 @@ export declare const actionChangeSharpness: {
1274
1308
  currentItemOpacity: number;
1275
1309
  currentItemFontFamily: number;
1276
1310
  currentItemFontSize: number;
1277
- currentItemTextAlign: TextAlign;
1311
+ currentItemTextAlign: string;
1278
1312
  currentItemStartArrowhead: Arrowhead | null;
1279
1313
  currentItemEndArrowhead: Arrowhead | null;
1280
1314
  viewBackgroundColor: string;
@@ -1290,6 +1324,9 @@ export declare const actionChangeSharpness: {
1290
1324
  }>;
1291
1325
  openMenu: "canvas" | "shape" | null;
1292
1326
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1327
+ openSidebar: "library" | "customSidebar" | null;
1328
+ openDialog: "imageExport" | "help" | null;
1329
+ isSidebarDocked: boolean;
1293
1330
  lastPointerDownWith: import("../element/types").PointerType;
1294
1331
  selectedElementIds: {
1295
1332
  [id: string]: boolean;
@@ -1298,7 +1335,6 @@ export declare const actionChangeSharpness: {
1298
1335
  [id: string]: boolean;
1299
1336
  };
1300
1337
  shouldCacheIgnoreZoom: boolean;
1301
- showHelpDialog: boolean;
1302
1338
  toast: {
1303
1339
  message: string;
1304
1340
  closable?: boolean | undefined;
@@ -1316,8 +1352,6 @@ export declare const actionChangeSharpness: {
1316
1352
  height: number;
1317
1353
  offsetTop: number;
1318
1354
  offsetLeft: number;
1319
- isLibraryOpen: boolean;
1320
- isLibraryMenuDocked: boolean;
1321
1355
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
1322
1356
  collaborators: Map<string, import("../../src/types").Collaborator>;
1323
1357
  showStats: boolean;
@@ -1335,7 +1369,9 @@ export declare const actionChangeSharpness: {
1335
1369
  };
1336
1370
  commitToHistory: true;
1337
1371
  };
1338
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1372
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1373
+ isInHamburgerMenu: boolean;
1374
+ }) => JSX.Element;
1339
1375
  } & {
1340
1376
  keyTest?: undefined;
1341
1377
  };
@@ -1348,6 +1384,7 @@ export declare const actionChangeArrowhead: {
1348
1384
  }) => {
1349
1385
  elements: ExcalidrawElement[];
1350
1386
  appState: {
1387
+ showWelcomeScreen: boolean;
1351
1388
  isLoading: boolean;
1352
1389
  errorMessage: string | null;
1353
1390
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1385,7 +1422,7 @@ export declare const actionChangeArrowhead: {
1385
1422
  currentItemOpacity: number;
1386
1423
  currentItemFontFamily: number;
1387
1424
  currentItemFontSize: number;
1388
- currentItemTextAlign: TextAlign;
1425
+ currentItemTextAlign: string;
1389
1426
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
1390
1427
  currentItemStartArrowhead: Arrowhead | null;
1391
1428
  currentItemEndArrowhead: Arrowhead | null;
@@ -1403,6 +1440,9 @@ export declare const actionChangeArrowhead: {
1403
1440
  }>;
1404
1441
  openMenu: "canvas" | "shape" | null;
1405
1442
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1443
+ openSidebar: "library" | "customSidebar" | null;
1444
+ openDialog: "imageExport" | "help" | null;
1445
+ isSidebarDocked: boolean;
1406
1446
  lastPointerDownWith: import("../element/types").PointerType;
1407
1447
  selectedElementIds: {
1408
1448
  [id: string]: boolean;
@@ -1411,7 +1451,6 @@ export declare const actionChangeArrowhead: {
1411
1451
  [id: string]: boolean;
1412
1452
  };
1413
1453
  shouldCacheIgnoreZoom: boolean;
1414
- showHelpDialog: boolean;
1415
1454
  toast: {
1416
1455
  message: string;
1417
1456
  closable?: boolean | undefined;
@@ -1429,8 +1468,6 @@ export declare const actionChangeArrowhead: {
1429
1468
  height: number;
1430
1469
  offsetTop: number;
1431
1470
  offsetLeft: number;
1432
- isLibraryOpen: boolean;
1433
- isLibraryMenuDocked: boolean;
1434
1471
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
1435
1472
  collaborators: Map<string, import("../../src/types").Collaborator>;
1436
1473
  showStats: boolean;
@@ -1448,7 +1485,9 @@ export declare const actionChangeArrowhead: {
1448
1485
  };
1449
1486
  commitToHistory: true;
1450
1487
  };
1451
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1488
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1489
+ isInHamburgerMenu: boolean;
1490
+ }) => JSX.Element;
1452
1491
  } & {
1453
1492
  keyTest?: undefined;
1454
1493
  };