@dwelle/excalidraw 0.4.0-cfd6fb7 → 0.4.0-d8d86cf

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 (116) hide show
  1. package/CHANGELOG.md +100 -756
  2. package/README.md +85 -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 +649 -301
  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 +69 -47
  22. package/types/actions/actionClipboard.d.ts +35 -21
  23. package/types/actions/actionDeleteSelected.d.ts +28 -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 +78 -53
  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 +13 -12
  45. package/types/clients.d.ts +1 -1
  46. package/types/clipboard.d.ts +6 -1
  47. package/types/components/Actions.d.ts +13 -0
  48. package/types/components/App.d.ts +54 -2
  49. package/types/components/Avatar.d.ts +1 -1
  50. package/types/components/CollabButton.d.ts +2 -3
  51. package/types/components/DialogActionButton.d.ts +10 -0
  52. package/types/components/Footer.d.ts +10 -0
  53. package/types/components/HelpButton.d.ts +8 -0
  54. package/types/components/HintViewer.d.ts +3 -2
  55. package/types/components/HomeButton.d.ts +5 -0
  56. package/types/components/ImageExportDialog.d.ts +3 -1
  57. package/types/components/InitializeApp.d.ts +2 -0
  58. package/types/components/JSONExportDialog.d.ts +2 -2
  59. package/types/components/LayerUI.d.ts +6 -4
  60. package/types/components/LibraryButton.d.ts +1 -0
  61. package/types/components/LibraryMenu.d.ts +14 -5
  62. package/types/components/LibraryMenuBrowseButton.d.ts +7 -0
  63. package/types/components/LibraryMenuHeaderContent.d.ts +12 -0
  64. package/types/components/LibraryMenuItems.d.ts +5 -14
  65. package/types/components/LibraryUnit.d.ts +2 -3
  66. package/types/components/LoadingMessage.d.ts +2 -0
  67. package/types/components/MenuItem.d.ts +11 -0
  68. package/types/components/MenuUtils.d.ts +1 -0
  69. package/types/components/MobileMenu.d.ts +10 -9
  70. package/types/components/Sidebar/Sidebar.d.ts +73 -0
  71. package/types/components/Sidebar/SidebarHeader.d.ts +20 -0
  72. package/types/components/Sidebar/common.d.ts +16 -0
  73. package/types/components/Stats.d.ts +1 -1
  74. package/types/components/UserList.d.ts +0 -1
  75. package/types/components/WelcomeScreen.d.ts +10 -0
  76. package/types/components/WelcomeScreenDecor.d.ts +6 -0
  77. package/types/components/hoc/withUpstreamOverride.d.ts +10 -0
  78. package/types/components/icons.d.ts +81 -122
  79. package/types/constants.d.ts +15 -7
  80. package/types/data/blob.d.ts +1 -1
  81. package/types/data/restore.d.ts +1 -1
  82. package/types/data/types.d.ts +16 -1
  83. package/types/element/Hyperlink.d.ts +8 -5
  84. package/types/element/bounds.d.ts +2 -1
  85. package/types/element/image.d.ts +1 -1
  86. package/types/element/index.d.ts +1 -1
  87. package/types/element/linearElementEditor.d.ts +54 -14
  88. package/types/element/newElement.d.ts +16 -3
  89. package/types/element/resizeElements.d.ts +0 -1
  90. package/types/element/textElement.d.ts +23 -4
  91. package/types/element/transformHandles.d.ts +3 -4
  92. package/types/element/typeChecks.d.ts +1 -0
  93. package/types/element/types.d.ts +6 -3
  94. package/types/hooks/useOutsideClick.d.ts +2 -0
  95. package/types/keys.d.ts +13 -3
  96. package/types/math.d.ts +8 -1
  97. package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-52b1f3361986b6c6a4fe.d.ts → vendor-2002fe1b8862917b36c1.d.ts} +0 -0
  98. package/types/packages/excalidraw/dist/excalidraw-assets-dev/{vendor-c0592035c3911af79359.d.ts → vendor-e6df8519da951026ff69.d.ts} +0 -0
  99. package/types/packages/excalidraw/example/App.d.ts +2 -1
  100. package/types/packages/excalidraw/example/sidebar/{Sidebar.d.ts → ExampleSidebar.d.ts} +1 -1
  101. package/types/packages/excalidraw/index.d.ts +2 -1
  102. package/types/packages/utils.d.ts +4 -1
  103. package/types/renderer/renderElement.d.ts +4 -3
  104. package/types/renderer/renderScene.d.ts +1 -1
  105. package/types/scene/Fonts.d.ts +21 -0
  106. package/types/scene/Scene.d.ts +15 -0
  107. package/types/scene/comparisons.d.ts +1 -2
  108. package/types/scene/index.d.ts +1 -1
  109. package/types/scene/types.d.ts +1 -0
  110. package/types/shapes.d.ts +27 -3
  111. package/types/types.d.ts +32 -14
  112. package/dist/excalidraw-assets/vendor-52b1f3361986b6c6a4fe.js +0 -2
  113. package/types/components/BackgroundPickerAndDarkModeToggle.d.ts +0 -9
  114. package/types/components/Card.d.ts +0 -7
  115. package/types/components/HelpIcon.d.ts +0 -8
  116. package/types/components/SidebarLockButton.d.ts +0 -8
package/types/actions/actionCanvas.d.ts CHANGED
@@ -8,7 +8,9 @@ export declare const actionChangeViewBackgroundColor: {
8
8
  appState: any;
9
9
  commitToHistory: boolean;
10
10
  };
11
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
11
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
12
+ isInHamburgerMenu: boolean;
13
+ }) => JSX.Element;
12
14
  } & {
13
15
  keyTest?: undefined;
14
16
  };
@@ -46,13 +48,8 @@ export declare const actionClearCanvas: {
46
48
  lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
47
49
  locked: boolean;
48
50
  };
49
- scrollX: number;
50
- scrollY: number;
51
- viewBackgroundColor: string;
52
- zoom: Readonly<{
53
- value: NormalizedZoomValue;
54
- }>;
55
- shouldCacheIgnoreZoom: boolean;
51
+ name: string;
52
+ showWelcomeScreen: boolean;
56
53
  isLoading: boolean;
57
54
  errorMessage: string | null;
58
55
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -75,18 +72,26 @@ export declare const actionClearCanvas: {
75
72
  currentItemOpacity: number;
76
73
  currentItemFontFamily: number;
77
74
  currentItemFontSize: number;
78
- currentItemTextAlign: import("../element/types").TextAlign;
75
+ currentItemTextAlign: string;
79
76
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
80
77
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
81
78
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
82
79
  currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
80
+ viewBackgroundColor: string;
81
+ scrollX: number;
82
+ scrollY: number;
83
83
  cursorButton: "up" | "down";
84
84
  scrolledOutside: boolean;
85
- name: string;
86
85
  isResizing: boolean;
87
86
  isRotating: boolean;
87
+ zoom: Readonly<{
88
+ value: NormalizedZoomValue;
89
+ }>;
88
90
  openMenu: "canvas" | "shape" | null;
89
91
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
92
+ openSidebar: "library" | "customSidebar" | null;
93
+ openDialog: "imageExport" | "help" | null;
94
+ isSidebarDocked: boolean;
90
95
  lastPointerDownWith: import("../element/types").PointerType;
91
96
  selectedElementIds: {
92
97
  [id: string]: boolean;
@@ -94,7 +99,7 @@ export declare const actionClearCanvas: {
94
99
  previousSelectedElementIds: {
95
100
  [id: string]: boolean;
96
101
  };
97
- showHelpDialog: boolean;
102
+ shouldCacheIgnoreZoom: boolean;
98
103
  toast: {
99
104
  message: string;
100
105
  closable?: boolean | undefined;
@@ -106,8 +111,6 @@ export declare const actionClearCanvas: {
106
111
  [groupId: string]: boolean;
107
112
  };
108
113
  editingGroupId: string | null;
109
- isLibraryOpen: boolean;
110
- isLibraryMenuDocked: boolean;
111
114
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
112
115
  collaborators: Map<string, import("../types").Collaborator>;
113
116
  currentChartType: import("../element/types").ChartType;
@@ -117,7 +120,9 @@ export declare const actionClearCanvas: {
117
120
  };
118
121
  commitToHistory: true;
119
122
  };
120
- PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
123
+ PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
124
+ isInHamburgerMenu: boolean;
125
+ }) => JSX.Element;
121
126
  } & {
122
127
  keyTest?: undefined;
123
128
  };
@@ -133,6 +138,7 @@ export declare const actionZoomIn: {
133
138
  zoom: {
134
139
  value: NormalizedZoomValue;
135
140
  };
141
+ showWelcomeScreen: boolean;
136
142
  isLoading: boolean;
137
143
  errorMessage: string | null;
138
144
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -170,7 +176,7 @@ export declare const actionZoomIn: {
170
176
  currentItemOpacity: number;
171
177
  currentItemFontFamily: number;
172
178
  currentItemFontSize: number;
173
- currentItemTextAlign: import("../element/types").TextAlign;
179
+ currentItemTextAlign: string;
174
180
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
175
181
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
176
182
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -183,6 +189,9 @@ export declare const actionZoomIn: {
183
189
  isRotating: boolean;
184
190
  openMenu: "canvas" | "shape" | null;
185
191
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
192
+ openSidebar: "library" | "customSidebar" | null;
193
+ openDialog: "imageExport" | "help" | null;
194
+ isSidebarDocked: boolean;
186
195
  lastPointerDownWith: import("../element/types").PointerType;
187
196
  selectedElementIds: {
188
197
  [id: string]: boolean;
@@ -191,7 +200,6 @@ export declare const actionZoomIn: {
191
200
  [id: string]: boolean;
192
201
  };
193
202
  shouldCacheIgnoreZoom: boolean;
194
- showHelpDialog: boolean;
195
203
  toast: {
196
204
  message: string;
197
205
  closable?: boolean | undefined;
@@ -209,8 +217,6 @@ export declare const actionZoomIn: {
209
217
  height: number;
210
218
  offsetTop: number;
211
219
  offsetLeft: number;
212
- isLibraryOpen: boolean;
213
- isLibraryMenuDocked: boolean;
214
220
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
215
221
  collaborators: Map<string, import("../types").Collaborator>;
216
222
  showStats: boolean;
@@ -228,7 +234,9 @@ export declare const actionZoomIn: {
228
234
  };
229
235
  commitToHistory: false;
230
236
  };
231
- PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
237
+ PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
238
+ isInHamburgerMenu: boolean;
239
+ }) => JSX.Element;
232
240
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
233
241
  } & {
234
242
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -245,6 +253,7 @@ export declare const actionZoomOut: {
245
253
  zoom: {
246
254
  value: NormalizedZoomValue;
247
255
  };
256
+ showWelcomeScreen: boolean;
248
257
  isLoading: boolean;
249
258
  errorMessage: string | null;
250
259
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -282,7 +291,7 @@ export declare const actionZoomOut: {
282
291
  currentItemOpacity: number;
283
292
  currentItemFontFamily: number;
284
293
  currentItemFontSize: number;
285
- currentItemTextAlign: import("../element/types").TextAlign;
294
+ currentItemTextAlign: string;
286
295
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
287
296
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
288
297
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -295,6 +304,9 @@ export declare const actionZoomOut: {
295
304
  isRotating: boolean;
296
305
  openMenu: "canvas" | "shape" | null;
297
306
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
307
+ openSidebar: "library" | "customSidebar" | null;
308
+ openDialog: "imageExport" | "help" | null;
309
+ isSidebarDocked: boolean;
298
310
  lastPointerDownWith: import("../element/types").PointerType;
299
311
  selectedElementIds: {
300
312
  [id: string]: boolean;
@@ -303,7 +315,6 @@ export declare const actionZoomOut: {
303
315
  [id: string]: boolean;
304
316
  };
305
317
  shouldCacheIgnoreZoom: boolean;
306
- showHelpDialog: boolean;
307
318
  toast: {
308
319
  message: string;
309
320
  closable?: boolean | undefined;
@@ -321,8 +332,6 @@ export declare const actionZoomOut: {
321
332
  height: number;
322
333
  offsetTop: number;
323
334
  offsetLeft: number;
324
- isLibraryOpen: boolean;
325
- isLibraryMenuDocked: boolean;
326
335
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
327
336
  collaborators: Map<string, import("../types").Collaborator>;
328
337
  showStats: boolean;
@@ -340,7 +349,9 @@ export declare const actionZoomOut: {
340
349
  };
341
350
  commitToHistory: false;
342
351
  };
343
- PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
352
+ PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
353
+ isInHamburgerMenu: boolean;
354
+ }) => JSX.Element;
344
355
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
345
356
  } & {
346
357
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -357,6 +368,7 @@ export declare const actionResetZoom: {
357
368
  zoom: {
358
369
  value: NormalizedZoomValue;
359
370
  };
371
+ showWelcomeScreen: boolean;
360
372
  isLoading: boolean;
361
373
  errorMessage: string | null;
362
374
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -394,7 +406,7 @@ export declare const actionResetZoom: {
394
406
  currentItemOpacity: number;
395
407
  currentItemFontFamily: number;
396
408
  currentItemFontSize: number;
397
- currentItemTextAlign: import("../element/types").TextAlign;
409
+ currentItemTextAlign: string;
398
410
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
399
411
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
400
412
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -407,6 +419,9 @@ export declare const actionResetZoom: {
407
419
  isRotating: boolean;
408
420
  openMenu: "canvas" | "shape" | null;
409
421
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
422
+ openSidebar: "library" | "customSidebar" | null;
423
+ openDialog: "imageExport" | "help" | null;
424
+ isSidebarDocked: boolean;
410
425
  lastPointerDownWith: import("../element/types").PointerType;
411
426
  selectedElementIds: {
412
427
  [id: string]: boolean;
@@ -415,7 +430,6 @@ export declare const actionResetZoom: {
415
430
  [id: string]: boolean;
416
431
  };
417
432
  shouldCacheIgnoreZoom: boolean;
418
- showHelpDialog: boolean;
419
433
  toast: {
420
434
  message: string;
421
435
  closable?: boolean | undefined;
@@ -433,8 +447,6 @@ export declare const actionResetZoom: {
433
447
  height: number;
434
448
  offsetTop: number;
435
449
  offsetLeft: number;
436
- isLibraryOpen: boolean;
437
- isLibraryMenuDocked: boolean;
438
450
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
439
451
  collaborators: Map<string, import("../types").Collaborator>;
440
452
  showStats: boolean;
@@ -452,7 +464,9 @@ export declare const actionResetZoom: {
452
464
  };
453
465
  commitToHistory: false;
454
466
  };
455
- PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
467
+ PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps & {
468
+ isInHamburgerMenu: boolean;
469
+ }) => JSX.Element;
456
470
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
457
471
  } & {
458
472
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -469,6 +483,7 @@ export declare const actionZoomToSelected: {
469
483
  };
470
484
  scrollX: number;
471
485
  scrollY: number;
486
+ showWelcomeScreen: boolean;
472
487
  isLoading: boolean;
473
488
  errorMessage: string | null;
474
489
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -506,7 +521,7 @@ export declare const actionZoomToSelected: {
506
521
  currentItemOpacity: number;
507
522
  currentItemFontFamily: number;
508
523
  currentItemFontSize: number;
509
- currentItemTextAlign: import("../element/types").TextAlign;
524
+ currentItemTextAlign: string;
510
525
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
511
526
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
512
527
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -519,6 +534,9 @@ export declare const actionZoomToSelected: {
519
534
  isRotating: boolean;
520
535
  openMenu: "canvas" | "shape" | null;
521
536
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
537
+ openSidebar: "library" | "customSidebar" | null;
538
+ openDialog: "imageExport" | "help" | null;
539
+ isSidebarDocked: boolean;
522
540
  lastPointerDownWith: import("../element/types").PointerType;
523
541
  selectedElementIds: {
524
542
  [id: string]: boolean;
@@ -527,7 +545,6 @@ export declare const actionZoomToSelected: {
527
545
  [id: string]: boolean;
528
546
  };
529
547
  shouldCacheIgnoreZoom: boolean;
530
- showHelpDialog: boolean;
531
548
  toast: {
532
549
  message: string;
533
550
  closable?: boolean | undefined;
@@ -545,8 +562,6 @@ export declare const actionZoomToSelected: {
545
562
  height: number;
546
563
  offsetTop: number;
547
564
  offsetLeft: number;
548
- isLibraryOpen: boolean;
549
- isLibraryMenuDocked: boolean;
550
565
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
551
566
  collaborators: Map<string, import("../types").Collaborator>;
552
567
  showStats: boolean;
@@ -580,6 +595,7 @@ export declare const actionZoomToFit: {
580
595
  };
581
596
  scrollX: number;
582
597
  scrollY: number;
598
+ showWelcomeScreen: boolean;
583
599
  isLoading: boolean;
584
600
  errorMessage: string | null;
585
601
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -617,7 +633,7 @@ export declare const actionZoomToFit: {
617
633
  currentItemOpacity: number;
618
634
  currentItemFontFamily: number;
619
635
  currentItemFontSize: number;
620
- currentItemTextAlign: import("../element/types").TextAlign;
636
+ currentItemTextAlign: string;
621
637
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
622
638
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
623
639
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -630,6 +646,9 @@ export declare const actionZoomToFit: {
630
646
  isRotating: boolean;
631
647
  openMenu: "canvas" | "shape" | null;
632
648
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
649
+ openSidebar: "library" | "customSidebar" | null;
650
+ openDialog: "imageExport" | "help" | null;
651
+ isSidebarDocked: boolean;
633
652
  lastPointerDownWith: import("../element/types").PointerType;
634
653
  selectedElementIds: {
635
654
  [id: string]: boolean;
@@ -638,7 +657,6 @@ export declare const actionZoomToFit: {
638
657
  [id: string]: boolean;
639
658
  };
640
659
  shouldCacheIgnoreZoom: boolean;
641
- showHelpDialog: boolean;
642
660
  toast: {
643
661
  message: string;
644
662
  closable?: boolean | undefined;
@@ -656,8 +674,6 @@ export declare const actionZoomToFit: {
656
674
  height: number;
657
675
  offsetTop: number;
658
676
  offsetLeft: number;
659
- isLibraryOpen: boolean;
660
- isLibraryMenuDocked: boolean;
661
677
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
662
678
  collaborators: Map<string, import("../types").Collaborator>;
663
679
  showStats: boolean;
@@ -687,6 +703,7 @@ export declare const actionToggleTheme: {
687
703
  perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
688
704
  appState: {
689
705
  theme: any;
706
+ showWelcomeScreen: boolean;
690
707
  isLoading: boolean;
691
708
  errorMessage: string | null;
692
709
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -724,7 +741,7 @@ export declare const actionToggleTheme: {
724
741
  currentItemOpacity: number;
725
742
  currentItemFontFamily: number;
726
743
  currentItemFontSize: number;
727
- currentItemTextAlign: import("../element/types").TextAlign;
744
+ currentItemTextAlign: string;
728
745
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
729
746
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
730
747
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -742,6 +759,9 @@ export declare const actionToggleTheme: {
742
759
  }>;
743
760
  openMenu: "canvas" | "shape" | null;
744
761
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
762
+ openSidebar: "library" | "customSidebar" | null;
763
+ openDialog: "imageExport" | "help" | null;
764
+ isSidebarDocked: boolean;
745
765
  lastPointerDownWith: import("../element/types").PointerType;
746
766
  selectedElementIds: {
747
767
  [id: string]: boolean;
@@ -750,7 +770,6 @@ export declare const actionToggleTheme: {
750
770
  [id: string]: boolean;
751
771
  };
752
772
  shouldCacheIgnoreZoom: boolean;
753
- showHelpDialog: boolean;
754
773
  toast: {
755
774
  message: string;
756
775
  closable?: boolean | undefined;
@@ -767,8 +786,6 @@ export declare const actionToggleTheme: {
767
786
  height: number;
768
787
  offsetTop: number;
769
788
  offsetLeft: number;
770
- isLibraryOpen: boolean;
771
- isLibraryMenuDocked: boolean;
772
789
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
773
790
  collaborators: Map<string, import("../types").Collaborator>;
774
791
  showStats: boolean;
@@ -786,7 +803,9 @@ export declare const actionToggleTheme: {
786
803
  };
787
804
  commitToHistory: false;
788
805
  };
789
- PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
806
+ PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
807
+ isInHamburgerMenu: boolean;
808
+ }) => JSX.Element;
790
809
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
791
810
  } & {
792
811
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -811,6 +830,7 @@ export declare const actionErase: {
811
830
  lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
812
831
  locked: boolean;
813
832
  };
833
+ showWelcomeScreen: boolean;
814
834
  isLoading: boolean;
815
835
  errorMessage: string | null;
816
836
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -837,7 +857,7 @@ export declare const actionErase: {
837
857
  currentItemOpacity: number;
838
858
  currentItemFontFamily: number;
839
859
  currentItemFontSize: number;
840
- currentItemTextAlign: import("../element/types").TextAlign;
860
+ currentItemTextAlign: string;
841
861
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
842
862
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
843
863
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -855,12 +875,14 @@ export declare const actionErase: {
855
875
  }>;
856
876
  openMenu: "canvas" | "shape" | null;
857
877
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
878
+ openSidebar: "library" | "customSidebar" | null;
879
+ openDialog: "imageExport" | "help" | null;
880
+ isSidebarDocked: boolean;
858
881
  lastPointerDownWith: import("../element/types").PointerType;
859
882
  previousSelectedElementIds: {
860
883
  [id: string]: boolean;
861
884
  };
862
885
  shouldCacheIgnoreZoom: boolean;
863
- showHelpDialog: boolean;
864
886
  toast: {
865
887
  message: string;
866
888
  closable?: boolean | undefined;
@@ -875,8 +897,6 @@ export declare const actionErase: {
875
897
  height: number;
876
898
  offsetTop: number;
877
899
  offsetLeft: number;
878
- isLibraryOpen: boolean;
879
- isLibraryMenuDocked: boolean;
880
900
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
881
901
  collaborators: Map<string, import("../types").Collaborator>;
882
902
  showStats: boolean;
@@ -895,7 +915,9 @@ export declare const actionErase: {
895
915
  commitToHistory: true;
896
916
  };
897
917
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
898
- PanelComponent: ({ elements, appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
918
+ PanelComponent: ({ elements, appState, updateData, data }: import("./types").PanelComponentProps & {
919
+ isInHamburgerMenu: boolean;
920
+ }) => JSX.Element;
899
921
  } & {
900
922
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
901
923
  };
package/types/actions/actionClipboard.d.ts CHANGED
@@ -21,6 +21,7 @@ export declare const actionCut: {
21
21
  elements: import("../element/types").ExcalidrawElement[];
22
22
  appState: {
23
23
  editingLinearElement: null;
24
+ showWelcomeScreen: boolean;
24
25
  isLoading: boolean;
25
26
  errorMessage: string | null;
26
27
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -57,7 +58,7 @@ export declare const actionCut: {
57
58
  currentItemOpacity: number;
58
59
  currentItemFontFamily: number;
59
60
  currentItemFontSize: number;
60
- currentItemTextAlign: import("../element/types").TextAlign;
61
+ currentItemTextAlign: string;
61
62
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
62
63
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
63
64
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -75,6 +76,9 @@ export declare const actionCut: {
75
76
  }>;
76
77
  openMenu: "canvas" | "shape" | null;
77
78
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
79
+ openSidebar: "library" | "customSidebar" | null;
80
+ openDialog: "imageExport" | "help" | null;
81
+ isSidebarDocked: boolean;
78
82
  lastPointerDownWith: import("../element/types").PointerType;
79
83
  selectedElementIds: {
80
84
  [id: string]: boolean;
@@ -83,7 +87,6 @@ export declare const actionCut: {
83
87
  [id: string]: boolean;
84
88
  };
85
89
  shouldCacheIgnoreZoom: boolean;
86
- showHelpDialog: boolean;
87
90
  toast: {
88
91
  message: string;
89
92
  closable?: boolean | undefined;
@@ -101,8 +104,6 @@ export declare const actionCut: {
101
104
  height: number;
102
105
  offsetTop: number;
103
106
  offsetLeft: number;
104
- isLibraryOpen: boolean;
105
- isLibraryMenuDocked: boolean;
106
107
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
107
108
  collaborators: Map<string, import("../types").Collaborator>;
108
109
  showStats: boolean;
@@ -132,6 +133,15 @@ export declare const actionCut: {
132
133
  pointerDownState: Readonly<{
133
134
  prevSelectedPointsIndices: readonly number[] | null;
134
135
  lastClickedPoint: number;
136
+ origin: Readonly<{
137
+ x: number;
138
+ y: number;
139
+ }> | null;
140
+ segmentMidpoint: {
141
+ value: readonly [number, number] | null;
142
+ index: number | null;
143
+ added: boolean;
144
+ };
135
145
  }>;
136
146
  isDragging: boolean;
137
147
  lastUncommittedPoint: readonly [number, number] | null;
@@ -140,8 +150,9 @@ export declare const actionCut: {
140
150
  y: number;
141
151
  }>;
142
152
  hoverPointIndex: number;
143
- midPointHovered: boolean;
153
+ segmentMidPointHoveredCoords: readonly [number, number] | null;
144
154
  };
155
+ showWelcomeScreen: boolean;
145
156
  isLoading: boolean;
146
157
  errorMessage: string | null;
147
158
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -178,7 +189,7 @@ export declare const actionCut: {
178
189
  currentItemOpacity: number;
179
190
  currentItemFontFamily: number;
180
191
  currentItemFontSize: number;
181
- currentItemTextAlign: import("../element/types").TextAlign;
192
+ currentItemTextAlign: string;
182
193
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
183
194
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
184
195
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -196,6 +207,9 @@ export declare const actionCut: {
196
207
  }>;
197
208
  openMenu: "canvas" | "shape" | null;
198
209
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
210
+ openSidebar: "library" | "customSidebar" | null;
211
+ openDialog: "imageExport" | "help" | null;
212
+ isSidebarDocked: boolean;
199
213
  lastPointerDownWith: import("../element/types").PointerType;
200
214
  selectedElementIds: {
201
215
  [id: string]: boolean;
@@ -204,7 +218,6 @@ export declare const actionCut: {
204
218
  [id: string]: boolean;
205
219
  };
206
220
  shouldCacheIgnoreZoom: boolean;
207
- showHelpDialog: boolean;
208
221
  toast: {
209
222
  message: string;
210
223
  closable?: boolean | undefined;
@@ -222,8 +235,6 @@ export declare const actionCut: {
222
235
  height: number;
223
236
  offsetTop: number;
224
237
  offsetLeft: number;
225
- isLibraryOpen: boolean;
226
- isLibraryMenuDocked: boolean;
227
238
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
228
239
  collaborators: Map<string, import("../types").Collaborator>;
229
240
  showStats: boolean;
@@ -256,6 +267,7 @@ export declare const actionCut: {
256
267
  };
257
268
  multiElement: null;
258
269
  selectedElementIds: {};
270
+ showWelcomeScreen: boolean;
259
271
  isLoading: boolean;
260
272
  errorMessage: string | null;
261
273
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -281,7 +293,7 @@ export declare const actionCut: {
281
293
  currentItemOpacity: number;
282
294
  currentItemFontFamily: number;
283
295
  currentItemFontSize: number;
284
- currentItemTextAlign: import("../element/types").TextAlign;
296
+ currentItemTextAlign: string;
285
297
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
286
298
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
287
299
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -299,12 +311,14 @@ export declare const actionCut: {
299
311
  }>;
300
312
  openMenu: "canvas" | "shape" | null;
301
313
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
314
+ openSidebar: "library" | "customSidebar" | null;
315
+ openDialog: "imageExport" | "help" | null;
316
+ isSidebarDocked: boolean;
302
317
  lastPointerDownWith: import("../element/types").PointerType;
303
318
  previousSelectedElementIds: {
304
319
  [id: string]: boolean;
305
320
  };
306
321
  shouldCacheIgnoreZoom: boolean;
307
- showHelpDialog: boolean;
308
322
  toast: {
309
323
  message: string;
310
324
  closable?: boolean | undefined;
@@ -322,8 +336,6 @@ export declare const actionCut: {
322
336
  height: number;
323
337
  offsetTop: number;
324
338
  offsetLeft: number;
325
- isLibraryOpen: boolean;
326
- isLibraryMenuDocked: boolean;
327
339
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
328
340
  collaborators: Map<string, import("../types").Collaborator>;
329
341
  showStats: boolean;
@@ -357,6 +369,7 @@ export declare const actionCopyAsSvg: {
357
369
  } | {
358
370
  appState: {
359
371
  errorMessage: any;
372
+ showWelcomeScreen: boolean;
360
373
  isLoading: boolean;
361
374
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
362
375
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -393,7 +406,7 @@ export declare const actionCopyAsSvg: {
393
406
  currentItemOpacity: number;
394
407
  currentItemFontFamily: number;
395
408
  currentItemFontSize: number;
396
- currentItemTextAlign: import("../element/types").TextAlign;
409
+ currentItemTextAlign: string;
397
410
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
398
411
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
399
412
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -411,6 +424,9 @@ export declare const actionCopyAsSvg: {
411
424
  }>;
412
425
  openMenu: "canvas" | "shape" | null;
413
426
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
427
+ openSidebar: "library" | "customSidebar" | null;
428
+ openDialog: "imageExport" | "help" | null;
429
+ isSidebarDocked: boolean;
414
430
  lastPointerDownWith: import("../element/types").PointerType;
415
431
  selectedElementIds: {
416
432
  [id: string]: boolean;
@@ -419,7 +435,6 @@ export declare const actionCopyAsSvg: {
419
435
  [id: string]: boolean;
420
436
  };
421
437
  shouldCacheIgnoreZoom: boolean;
422
- showHelpDialog: boolean;
423
438
  toast: {
424
439
  message: string;
425
440
  closable?: boolean | undefined;
@@ -437,8 +452,6 @@ export declare const actionCopyAsSvg: {
437
452
  height: number;
438
453
  offsetTop: number;
439
454
  offsetLeft: number;
440
- isLibraryOpen: boolean;
441
- isLibraryMenuDocked: boolean;
442
455
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
443
456
  collaborators: Map<string, import("../types").Collaborator>;
444
457
  showStats: boolean;
@@ -471,6 +484,7 @@ export declare const actionCopyAsPng: {
471
484
  } | {
472
485
  appState: {
473
486
  errorMessage: any;
487
+ showWelcomeScreen: boolean;
474
488
  isLoading: boolean;
475
489
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
476
490
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -507,7 +521,7 @@ export declare const actionCopyAsPng: {
507
521
  currentItemOpacity: number;
508
522
  currentItemFontFamily: number;
509
523
  currentItemFontSize: number;
510
- currentItemTextAlign: import("../element/types").TextAlign;
524
+ currentItemTextAlign: string;
511
525
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
512
526
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
513
527
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -525,6 +539,9 @@ export declare const actionCopyAsPng: {
525
539
  }>;
526
540
  openMenu: "canvas" | "shape" | null;
527
541
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
542
+ openSidebar: "library" | "customSidebar" | null;
543
+ openDialog: "imageExport" | "help" | null;
544
+ isSidebarDocked: boolean;
528
545
  lastPointerDownWith: import("../element/types").PointerType;
529
546
  selectedElementIds: {
530
547
  [id: string]: boolean;
@@ -533,7 +550,6 @@ export declare const actionCopyAsPng: {
533
550
  [id: string]: boolean;
534
551
  };
535
552
  shouldCacheIgnoreZoom: boolean;
536
- showHelpDialog: boolean;
537
553
  toast: {
538
554
  message: string;
539
555
  closable?: boolean | undefined;
@@ -551,8 +567,6 @@ export declare const actionCopyAsPng: {
551
567
  height: number;
552
568
  offsetTop: number;
553
569
  offsetLeft: number;
554
- isLibraryOpen: boolean;
555
- isLibraryMenuDocked: boolean;
556
570
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
557
571
  collaborators: Map<string, import("../types").Collaborator>;
558
572
  showStats: boolean;