@zsviczian/excalidraw 0.13.0-obsidian-2 → 0.14.0-obsidian

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 (74) hide show
  1. package/README.md +417 -19
  2. package/dist/excalidraw.development.js +491 -1096
  3. package/dist/excalidraw.production.min.js +1 -1
  4. package/dist/excalidraw.production.min.js.LICENSE.txt +0 -102
  5. package/package.json +1 -1
  6. package/types/actions/actionAddToLibrary.d.ts +18 -3
  7. package/types/actions/actionAlign.d.ts +6 -18
  8. package/types/actions/actionBoundText.d.ts +8 -3
  9. package/types/actions/actionCanvas.d.ts +62 -30
  10. package/types/actions/actionClipboard.d.ts +49 -6
  11. package/types/actions/actionDeleteSelected.d.ts +19 -6
  12. package/types/actions/actionDistribute.d.ts +2 -6
  13. package/types/actions/actionDuplicateSelection.d.ts +1 -3
  14. package/types/actions/actionExport.d.ts +62 -33
  15. package/types/actions/actionFinalize.d.ts +13 -5
  16. package/types/actions/actionFlip.d.ts +2 -2
  17. package/types/actions/actionGroup.d.ts +4 -8
  18. package/types/actions/actionLinearEditor.d.ts +7 -2
  19. package/types/actions/actionMenu.d.ts +19 -11
  20. package/types/actions/actionNavigate.d.ts +1 -3
  21. package/types/actions/actionProperties.d.ts +91 -52
  22. package/types/actions/actionStyles.d.ts +6 -1
  23. package/types/actions/actionToggleGridMode.d.ts +7 -1
  24. package/types/actions/actionToggleLock.d.ts +6 -1
  25. package/types/actions/actionToggleStats.d.ts +6 -1
  26. package/types/actions/actionToggleViewMode.d.ts +7 -1
  27. package/types/actions/actionToggleZenMode.d.ts +7 -1
  28. package/types/actions/actionZindex.d.ts +4 -12
  29. package/types/actions/manager.d.ts +2 -1
  30. package/types/actions/types.d.ts +2 -4
  31. package/types/components/App.d.ts +7 -50
  32. package/types/components/Button.d.ts +15 -0
  33. package/types/components/CollabButton.d.ts +1 -2
  34. package/types/components/ContextMenu.d.ts +8 -20
  35. package/types/components/JSONExportDialog.d.ts +3 -1
  36. package/types/components/LayerUI.d.ts +2 -3
  37. package/types/components/LibraryMenuHeaderContent.d.ts +23 -0
  38. package/types/components/MobileMenu.d.ts +4 -6
  39. package/types/components/UserList.d.ts +0 -2
  40. package/types/components/dropdownMenu/DropdownMenu.d.ts +64 -0
  41. package/types/components/dropdownMenu/DropdownMenuContent.d.ts +11 -0
  42. package/types/components/dropdownMenu/DropdownMenuGroup.d.ts +11 -0
  43. package/types/components/dropdownMenu/DropdownMenuItem.d.ts +13 -0
  44. package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts +6 -0
  45. package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts +6 -0
  46. package/types/components/dropdownMenu/DropdownMenuItemLink.d.ts +12 -0
  47. package/types/components/dropdownMenu/DropdownMenuSeparator.d.ts +5 -0
  48. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +9 -0
  49. package/types/components/dropdownMenu/dropdownMenuUtils.d.ts +3 -0
  50. package/types/components/footer/Footer.d.ts +13 -0
  51. package/types/components/footer/FooterCenter.d.ts +8 -0
  52. package/types/components/icons.d.ts +1 -1
  53. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +10 -0
  54. package/types/components/main-menu/DefaultItems.d.ts +44 -0
  55. package/types/components/main-menu/MainMenu.d.ts +55 -0
  56. package/types/components/mainMenu/DefaultItems.d.ts +44 -0
  57. package/types/components/mainMenu/MainMenu.d.ts +63 -0
  58. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +58 -0
  59. package/types/components/welcome-screen/WelcomeScreen.Hints.d.ts +19 -0
  60. package/types/components/welcome-screen/WelcomeScreen.d.ts +85 -0
  61. package/types/constants.d.ts +0 -3
  62. package/types/element/Hyperlink.d.ts +8 -5
  63. package/types/element/linearElementEditor.d.ts +6 -1
  64. package/types/element/textElement.d.ts +7 -0
  65. package/types/element/textWysiwyg.d.ts +6 -1
  66. package/types/excalidraw-app/data/index.d.ts +5 -0
  67. package/types/excalidraw-app/data/localStorage.d.ts +5 -0
  68. package/types/keys.d.ts +2 -0
  69. package/types/packages/excalidraw/example/CustomFooter.d.ts +5 -0
  70. package/types/packages/excalidraw/example/MobileFooter.d.ts +5 -0
  71. package/types/packages/excalidraw/index.d.ts +10 -0
  72. package/types/renderer/easingFunctions.d.ts +6 -0
  73. package/types/types.d.ts +41 -19
  74. package/types/utils.d.ts +17 -0
package/types/actions/actionLinearEditor.d.ts CHANGED
@@ -5,10 +5,15 @@ export declare const actionToggleLinearEditor: {
5
5
  trackEvent: {
6
6
  category: "element";
7
7
  };
8
- contextItemPredicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
8
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
9
9
  perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
10
10
  appState: {
11
11
  editingLinearElement: LinearElementEditor | null;
12
+ contextMenu: {
13
+ items: import("../components/ContextMenu").ContextMenuItems;
14
+ top: number;
15
+ left: number;
16
+ } | null;
12
17
  showWelcomeScreen: boolean;
13
18
  isLoading: boolean;
14
19
  errorMessage: string | null;
@@ -64,7 +69,7 @@ export declare const actionToggleLinearEditor: {
64
69
  openMenu: "canvas" | "shape" | null;
65
70
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
66
71
  openSidebar: "library" | "customSidebar" | null;
67
- openDialog: "imageExport" | "help" | null;
72
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
68
73
  isSidebarDocked: boolean;
69
74
  lastPointerDownWith: import("../element/types").PointerType;
70
75
  selectedElementIds: {
package/types/actions/actionMenu.d.ts CHANGED
@@ -7,6 +7,11 @@ export declare const actionToggleCanvasMenu: {
7
7
  perform: (_: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
8
8
  appState: {
9
9
  openMenu: "canvas" | null;
10
+ contextMenu: {
11
+ items: import("../components/ContextMenu").ContextMenuItems;
12
+ top: number;
13
+ left: number;
14
+ } | null;
10
15
  showWelcomeScreen: boolean;
11
16
  isLoading: boolean;
12
17
  errorMessage: string | null;
@@ -62,7 +67,7 @@ export declare const actionToggleCanvasMenu: {
62
67
  }>;
63
68
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
64
69
  openSidebar: "library" | "customSidebar" | null;
65
- openDialog: "imageExport" | "help" | null;
70
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
66
71
  isSidebarDocked: boolean;
67
72
  lastPointerDownWith: import("../element/types").PointerType;
68
73
  selectedElementIds: {
@@ -113,9 +118,7 @@ export declare const actionToggleCanvasMenu: {
113
118
  };
114
119
  commitToHistory: false;
115
120
  };
116
- PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
117
- isInHamburgerMenu: boolean;
118
- }) => JSX.Element;
121
+ PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
119
122
  } & {
120
123
  keyTest?: undefined;
121
124
  };
@@ -127,6 +130,11 @@ export declare const actionToggleEditMenu: {
127
130
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
128
131
  appState: {
129
132
  openMenu: "shape" | null;
133
+ contextMenu: {
134
+ items: import("../components/ContextMenu").ContextMenuItems;
135
+ top: number;
136
+ left: number;
137
+ } | null;
130
138
  showWelcomeScreen: boolean;
131
139
  isLoading: boolean;
132
140
  errorMessage: string | null;
@@ -182,7 +190,7 @@ export declare const actionToggleEditMenu: {
182
190
  }>;
183
191
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
184
192
  openSidebar: "library" | "customSidebar" | null;
185
- openDialog: "imageExport" | "help" | null;
193
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
186
194
  isSidebarDocked: boolean;
187
195
  lastPointerDownWith: import("../element/types").PointerType;
188
196
  selectedElementIds: {
@@ -233,9 +241,7 @@ export declare const actionToggleEditMenu: {
233
241
  };
234
242
  commitToHistory: false;
235
243
  };
236
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
237
- isInHamburgerMenu: boolean;
238
- }) => JSX.Element;
244
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
239
245
  } & {
240
246
  keyTest?: undefined;
241
247
  };
@@ -263,6 +269,11 @@ export declare const actionShortcuts: {
263
269
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, { focusContainer }: import("../types").AppClassProperties) => {
264
270
  appState: {
265
271
  openDialog: "help" | null;
272
+ contextMenu: {
273
+ items: import("../components/ContextMenu").ContextMenuItems;
274
+ top: number;
275
+ left: number;
276
+ } | null;
266
277
  showWelcomeScreen: boolean;
267
278
  isLoading: boolean;
268
279
  errorMessage: string | null;
@@ -369,9 +380,6 @@ export declare const actionShortcuts: {
369
380
  };
370
381
  commitToHistory: false;
371
382
  };
372
- PanelComponent: ({ updateData, isInHamburgerMenu }: import("./types").PanelComponentProps & {
373
- isInHamburgerMenu: boolean;
374
- }) => JSX.Element;
375
383
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
376
384
  } & {
377
385
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
package/types/actions/actionNavigate.d.ts CHANGED
@@ -8,9 +8,7 @@ export declare const actionGoToCollaborator: {
8
8
  appState: Readonly<import("../types").AppState>;
9
9
  commitToHistory: false;
10
10
  };
11
- PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps & {
12
- isInHamburgerMenu: boolean;
13
- }) => JSX.Element;
11
+ PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
14
12
  } & {
15
13
  keyTest?: undefined;
16
14
  };
package/types/actions/actionProperties.d.ts CHANGED
@@ -5,9 +5,7 @@ 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 & {
9
- isInHamburgerMenu: boolean;
10
- }) => JSX.Element;
8
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
11
9
  } & {
12
10
  keyTest?: undefined;
13
11
  };
@@ -15,9 +13,7 @@ export declare const actionChangeBackgroundColor: {
15
13
  name: "changeBackgroundColor";
16
14
  trackEvent: false;
17
15
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
18
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
19
- isInHamburgerMenu: boolean;
20
- }) => JSX.Element;
16
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
21
17
  } & {
22
18
  keyTest?: undefined;
23
19
  };
@@ -28,6 +24,11 @@ export declare const actionChangeFillStyle: {
28
24
  elements: ExcalidrawElement[];
29
25
  appState: {
30
26
  currentItemFillStyle: any;
27
+ contextMenu: {
28
+ items: import("../components/ContextMenu").ContextMenuItems;
29
+ top: number;
30
+ left: number;
31
+ } | null;
31
32
  showWelcomeScreen: boolean;
32
33
  isLoading: boolean;
33
34
  errorMessage: string | null;
@@ -83,7 +84,7 @@ export declare const actionChangeFillStyle: {
83
84
  openMenu: "canvas" | "shape" | null;
84
85
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
85
86
  openSidebar: "library" | "customSidebar" | null;
86
- openDialog: "imageExport" | "help" | null;
87
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
87
88
  isSidebarDocked: boolean;
88
89
  lastPointerDownWith: import("../element/types").PointerType;
89
90
  selectedElementIds: {
@@ -134,9 +135,7 @@ export declare const actionChangeFillStyle: {
134
135
  };
135
136
  commitToHistory: true;
136
137
  };
137
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
138
- isInHamburgerMenu: boolean;
139
- }) => JSX.Element;
138
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
140
139
  } & {
141
140
  keyTest?: undefined;
142
141
  };
@@ -147,6 +146,11 @@ export declare const actionChangeStrokeWidth: {
147
146
  elements: ExcalidrawElement[];
148
147
  appState: {
149
148
  currentItemStrokeWidth: any;
149
+ contextMenu: {
150
+ items: import("../components/ContextMenu").ContextMenuItems;
151
+ top: number;
152
+ left: number;
153
+ } | null;
150
154
  showWelcomeScreen: boolean;
151
155
  isLoading: boolean;
152
156
  errorMessage: string | null;
@@ -202,7 +206,7 @@ export declare const actionChangeStrokeWidth: {
202
206
  openMenu: "canvas" | "shape" | null;
203
207
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
204
208
  openSidebar: "library" | "customSidebar" | null;
205
- openDialog: "imageExport" | "help" | null;
209
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
206
210
  isSidebarDocked: boolean;
207
211
  lastPointerDownWith: import("../element/types").PointerType;
208
212
  selectedElementIds: {
@@ -253,9 +257,7 @@ export declare const actionChangeStrokeWidth: {
253
257
  };
254
258
  commitToHistory: true;
255
259
  };
256
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
257
- isInHamburgerMenu: boolean;
258
- }) => JSX.Element;
260
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
259
261
  } & {
260
262
  keyTest?: undefined;
261
263
  };
@@ -266,6 +268,11 @@ export declare const actionChangeSloppiness: {
266
268
  elements: ExcalidrawElement[];
267
269
  appState: {
268
270
  currentItemRoughness: any;
271
+ contextMenu: {
272
+ items: import("../components/ContextMenu").ContextMenuItems;
273
+ top: number;
274
+ left: number;
275
+ } | null;
269
276
  showWelcomeScreen: boolean;
270
277
  isLoading: boolean;
271
278
  errorMessage: string | null;
@@ -321,7 +328,7 @@ export declare const actionChangeSloppiness: {
321
328
  openMenu: "canvas" | "shape" | null;
322
329
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
323
330
  openSidebar: "library" | "customSidebar" | null;
324
- openDialog: "imageExport" | "help" | null;
331
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
325
332
  isSidebarDocked: boolean;
326
333
  lastPointerDownWith: import("../element/types").PointerType;
327
334
  selectedElementIds: {
@@ -372,9 +379,7 @@ export declare const actionChangeSloppiness: {
372
379
  };
373
380
  commitToHistory: true;
374
381
  };
375
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
376
- isInHamburgerMenu: boolean;
377
- }) => JSX.Element;
382
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
378
383
  } & {
379
384
  keyTest?: undefined;
380
385
  };
@@ -385,6 +390,11 @@ export declare const actionChangeStrokeStyle: {
385
390
  elements: ExcalidrawElement[];
386
391
  appState: {
387
392
  currentItemStrokeStyle: any;
393
+ contextMenu: {
394
+ items: import("../components/ContextMenu").ContextMenuItems;
395
+ top: number;
396
+ left: number;
397
+ } | null;
388
398
  showWelcomeScreen: boolean;
389
399
  isLoading: boolean;
390
400
  errorMessage: string | null;
@@ -440,7 +450,7 @@ export declare const actionChangeStrokeStyle: {
440
450
  openMenu: "canvas" | "shape" | null;
441
451
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
442
452
  openSidebar: "library" | "customSidebar" | null;
443
- openDialog: "imageExport" | "help" | null;
453
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
444
454
  isSidebarDocked: boolean;
445
455
  lastPointerDownWith: import("../element/types").PointerType;
446
456
  selectedElementIds: {
@@ -491,9 +501,7 @@ export declare const actionChangeStrokeStyle: {
491
501
  };
492
502
  commitToHistory: true;
493
503
  };
494
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
495
- isInHamburgerMenu: boolean;
496
- }) => JSX.Element;
504
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
497
505
  } & {
498
506
  keyTest?: undefined;
499
507
  };
@@ -504,6 +512,11 @@ export declare const actionChangeOpacity: {
504
512
  elements: ExcalidrawElement[];
505
513
  appState: {
506
514
  currentItemOpacity: any;
515
+ contextMenu: {
516
+ items: import("../components/ContextMenu").ContextMenuItems;
517
+ top: number;
518
+ left: number;
519
+ } | null;
507
520
  showWelcomeScreen: boolean;
508
521
  isLoading: boolean;
509
522
  errorMessage: string | null;
@@ -559,7 +572,7 @@ export declare const actionChangeOpacity: {
559
572
  openMenu: "canvas" | "shape" | null;
560
573
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
561
574
  openSidebar: "library" | "customSidebar" | null;
562
- openDialog: "imageExport" | "help" | null;
575
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
563
576
  isSidebarDocked: boolean;
564
577
  lastPointerDownWith: import("../element/types").PointerType;
565
578
  selectedElementIds: {
@@ -610,9 +623,7 @@ export declare const actionChangeOpacity: {
610
623
  };
611
624
  commitToHistory: true;
612
625
  };
613
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
614
- isInHamburgerMenu: boolean;
615
- }) => JSX.Element;
626
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
616
627
  } & {
617
628
  keyTest?: undefined;
618
629
  };
@@ -623,6 +634,11 @@ export declare const actionChangeFontSize: {
623
634
  elements: ExcalidrawElement[];
624
635
  appState: {
625
636
  currentItemFontSize: number;
637
+ contextMenu: {
638
+ items: import("../components/ContextMenu").ContextMenuItems;
639
+ top: number;
640
+ left: number;
641
+ } | null;
626
642
  showWelcomeScreen: boolean;
627
643
  isLoading: boolean;
628
644
  errorMessage: string | null;
@@ -678,7 +694,7 @@ export declare const actionChangeFontSize: {
678
694
  openMenu: "canvas" | "shape" | null;
679
695
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
680
696
  openSidebar: "library" | "customSidebar" | null;
681
- openDialog: "imageExport" | "help" | null;
697
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
682
698
  isSidebarDocked: boolean;
683
699
  lastPointerDownWith: import("../element/types").PointerType;
684
700
  selectedElementIds: {
@@ -729,9 +745,7 @@ export declare const actionChangeFontSize: {
729
745
  };
730
746
  commitToHistory: boolean;
731
747
  };
732
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
733
- isInHamburgerMenu: boolean;
734
- }) => JSX.Element;
748
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
735
749
  } & {
736
750
  keyTest?: undefined;
737
751
  };
@@ -742,6 +756,11 @@ export declare const actionDecreaseFontSize: {
742
756
  elements: ExcalidrawElement[];
743
757
  appState: {
744
758
  currentItemFontSize: number;
759
+ contextMenu: {
760
+ items: import("../components/ContextMenu").ContextMenuItems;
761
+ top: number;
762
+ left: number;
763
+ } | null;
745
764
  showWelcomeScreen: boolean;
746
765
  isLoading: boolean;
747
766
  errorMessage: string | null;
@@ -797,7 +816,7 @@ export declare const actionDecreaseFontSize: {
797
816
  openMenu: "canvas" | "shape" | null;
798
817
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
799
818
  openSidebar: "library" | "customSidebar" | null;
800
- openDialog: "imageExport" | "help" | null;
819
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
801
820
  isSidebarDocked: boolean;
802
821
  lastPointerDownWith: import("../element/types").PointerType;
803
822
  selectedElementIds: {
@@ -859,6 +878,11 @@ export declare const actionIncreaseFontSize: {
859
878
  elements: ExcalidrawElement[];
860
879
  appState: {
861
880
  currentItemFontSize: number;
881
+ contextMenu: {
882
+ items: import("../components/ContextMenu").ContextMenuItems;
883
+ top: number;
884
+ left: number;
885
+ } | null;
862
886
  showWelcomeScreen: boolean;
863
887
  isLoading: boolean;
864
888
  errorMessage: string | null;
@@ -914,7 +938,7 @@ export declare const actionIncreaseFontSize: {
914
938
  openMenu: "canvas" | "shape" | null;
915
939
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
916
940
  openSidebar: "library" | "customSidebar" | null;
917
- openDialog: "imageExport" | "help" | null;
941
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
918
942
  isSidebarDocked: boolean;
919
943
  lastPointerDownWith: import("../element/types").PointerType;
920
944
  selectedElementIds: {
@@ -976,6 +1000,11 @@ export declare const actionChangeFontFamily: {
976
1000
  elements: ExcalidrawElement[];
977
1001
  appState: {
978
1002
  currentItemFontFamily: any;
1003
+ contextMenu: {
1004
+ items: import("../components/ContextMenu").ContextMenuItems;
1005
+ top: number;
1006
+ left: number;
1007
+ } | null;
979
1008
  showWelcomeScreen: boolean;
980
1009
  isLoading: boolean;
981
1010
  errorMessage: string | null;
@@ -1031,7 +1060,7 @@ export declare const actionChangeFontFamily: {
1031
1060
  openMenu: "canvas" | "shape" | null;
1032
1061
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1033
1062
  openSidebar: "library" | "customSidebar" | null;
1034
- openDialog: "imageExport" | "help" | null;
1063
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
1035
1064
  isSidebarDocked: boolean;
1036
1065
  lastPointerDownWith: import("../element/types").PointerType;
1037
1066
  selectedElementIds: {
@@ -1082,9 +1111,7 @@ export declare const actionChangeFontFamily: {
1082
1111
  };
1083
1112
  commitToHistory: true;
1084
1113
  };
1085
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1086
- isInHamburgerMenu: boolean;
1087
- }) => JSX.Element;
1114
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1088
1115
  } & {
1089
1116
  keyTest?: undefined;
1090
1117
  };
@@ -1095,6 +1122,11 @@ export declare const actionChangeTextAlign: {
1095
1122
  elements: ExcalidrawElement[];
1096
1123
  appState: {
1097
1124
  currentItemTextAlign: any;
1125
+ contextMenu: {
1126
+ items: import("../components/ContextMenu").ContextMenuItems;
1127
+ top: number;
1128
+ left: number;
1129
+ } | null;
1098
1130
  showWelcomeScreen: boolean;
1099
1131
  isLoading: boolean;
1100
1132
  errorMessage: string | null;
@@ -1150,7 +1182,7 @@ export declare const actionChangeTextAlign: {
1150
1182
  openMenu: "canvas" | "shape" | null;
1151
1183
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1152
1184
  openSidebar: "library" | "customSidebar" | null;
1153
- openDialog: "imageExport" | "help" | null;
1185
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
1154
1186
  isSidebarDocked: boolean;
1155
1187
  lastPointerDownWith: import("../element/types").PointerType;
1156
1188
  selectedElementIds: {
@@ -1201,9 +1233,7 @@ export declare const actionChangeTextAlign: {
1201
1233
  };
1202
1234
  commitToHistory: true;
1203
1235
  };
1204
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1205
- isInHamburgerMenu: boolean;
1206
- }) => JSX.Element;
1236
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1207
1237
  } & {
1208
1238
  keyTest?: undefined;
1209
1239
  };
@@ -1215,6 +1245,11 @@ export declare const actionChangeVerticalAlign: {
1215
1245
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1216
1246
  elements: ExcalidrawElement[];
1217
1247
  appState: {
1248
+ contextMenu: {
1249
+ items: import("../components/ContextMenu").ContextMenuItems;
1250
+ top: number;
1251
+ left: number;
1252
+ } | null;
1218
1253
  showWelcomeScreen: boolean;
1219
1254
  isLoading: boolean;
1220
1255
  errorMessage: string | null;
@@ -1271,7 +1306,7 @@ export declare const actionChangeVerticalAlign: {
1271
1306
  openMenu: "canvas" | "shape" | null;
1272
1307
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1273
1308
  openSidebar: "library" | "customSidebar" | null;
1274
- openDialog: "imageExport" | "help" | null;
1309
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
1275
1310
  isSidebarDocked: boolean;
1276
1311
  lastPointerDownWith: import("../element/types").PointerType;
1277
1312
  selectedElementIds: {
@@ -1322,9 +1357,7 @@ export declare const actionChangeVerticalAlign: {
1322
1357
  };
1323
1358
  commitToHistory: true;
1324
1359
  };
1325
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1326
- isInHamburgerMenu: boolean;
1327
- }) => JSX.Element;
1360
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1328
1361
  } & {
1329
1362
  keyTest?: undefined;
1330
1363
  };
@@ -1335,6 +1368,11 @@ export declare const actionChangeRoundness: {
1335
1368
  elements: ExcalidrawElement[];
1336
1369
  appState: {
1337
1370
  currentItemRoundness: any;
1371
+ contextMenu: {
1372
+ items: import("../components/ContextMenu").ContextMenuItems;
1373
+ top: number;
1374
+ left: number;
1375
+ } | null;
1338
1376
  showWelcomeScreen: boolean;
1339
1377
  isLoading: boolean;
1340
1378
  errorMessage: string | null;
@@ -1390,7 +1428,7 @@ export declare const actionChangeRoundness: {
1390
1428
  openMenu: "canvas" | "shape" | null;
1391
1429
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1392
1430
  openSidebar: "library" | "customSidebar" | null;
1393
- openDialog: "imageExport" | "help" | null;
1431
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
1394
1432
  isSidebarDocked: boolean;
1395
1433
  lastPointerDownWith: import("../element/types").PointerType;
1396
1434
  selectedElementIds: {
@@ -1441,9 +1479,7 @@ export declare const actionChangeRoundness: {
1441
1479
  };
1442
1480
  commitToHistory: true;
1443
1481
  };
1444
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1445
- isInHamburgerMenu: boolean;
1446
- }) => JSX.Element;
1482
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1447
1483
  } & {
1448
1484
  keyTest?: undefined;
1449
1485
  };
@@ -1456,6 +1492,11 @@ export declare const actionChangeArrowhead: {
1456
1492
  }) => {
1457
1493
  elements: ExcalidrawElement[];
1458
1494
  appState: {
1495
+ contextMenu: {
1496
+ items: import("../components/ContextMenu").ContextMenuItems;
1497
+ top: number;
1498
+ left: number;
1499
+ } | null;
1459
1500
  showWelcomeScreen: boolean;
1460
1501
  isLoading: boolean;
1461
1502
  errorMessage: string | null;
@@ -1512,7 +1553,7 @@ export declare const actionChangeArrowhead: {
1512
1553
  openMenu: "canvas" | "shape" | null;
1513
1554
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1514
1555
  openSidebar: "library" | "customSidebar" | null;
1515
- openDialog: "imageExport" | "help" | null;
1556
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
1516
1557
  isSidebarDocked: boolean;
1517
1558
  lastPointerDownWith: import("../element/types").PointerType;
1518
1559
  selectedElementIds: {
@@ -1563,9 +1604,7 @@ export declare const actionChangeArrowhead: {
1563
1604
  };
1564
1605
  commitToHistory: true;
1565
1606
  };
1566
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
1567
- isInHamburgerMenu: boolean;
1568
- }) => JSX.Element;
1607
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1569
1608
  } & {
1570
1609
  keyTest?: undefined;
1571
1610
  };
package/types/actions/actionStyles.d.ts CHANGED
@@ -10,6 +10,11 @@ export declare const actionCopyStyles: {
10
10
  toast: {
11
11
  message: string;
12
12
  };
13
+ contextMenu: {
14
+ items: import("../components/ContextMenu").ContextMenuItems;
15
+ top: number;
16
+ left: number;
17
+ } | null;
13
18
  showWelcomeScreen: boolean;
14
19
  isLoading: boolean;
15
20
  errorMessage: string | null;
@@ -66,7 +71,7 @@ export declare const actionCopyStyles: {
66
71
  openMenu: "canvas" | "shape" | null;
67
72
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
68
73
  openSidebar: "library" | "customSidebar" | null;
69
- openDialog: "imageExport" | "help" | null;
74
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
70
75
  isSidebarDocked: boolean;
71
76
  lastPointerDownWith: import("../element/types").PointerType;
72
77
  selectedElementIds: {
package/types/actions/actionToggleGridMode.d.ts CHANGED
@@ -10,6 +10,11 @@ export declare const actionToggleGridMode: {
10
10
  perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<AppState>): {
11
11
  appState: {
12
12
  gridSize: number | null;
13
+ contextMenu: {
14
+ items: import("../components/ContextMenu").ContextMenuItems;
15
+ top: number;
16
+ left: number;
17
+ } | null;
13
18
  showWelcomeScreen: boolean;
14
19
  isLoading: boolean;
15
20
  errorMessage: string | null;
@@ -66,7 +71,7 @@ export declare const actionToggleGridMode: {
66
71
  openMenu: "canvas" | "shape" | null;
67
72
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
68
73
  openSidebar: "library" | "customSidebar" | null;
69
- openDialog: "imageExport" | "help" | null;
74
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
70
75
  isSidebarDocked: boolean;
71
76
  lastPointerDownWith: import("../element/types").PointerType;
72
77
  selectedElementIds: {
@@ -117,6 +122,7 @@ export declare const actionToggleGridMode: {
117
122
  commitToHistory: false;
118
123
  };
119
124
  checked: (appState: AppState) => boolean;
125
+ predicate: (element: readonly import("../element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps) => boolean;
120
126
  contextItemLabel: string;
121
127
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
122
128
  } & {
package/types/actions/actionToggleLock.d.ts CHANGED
@@ -9,6 +9,11 @@ export declare const actionToggleLock: {
9
9
  elements: ExcalidrawElement[];
10
10
  appState: {
11
11
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
12
+ contextMenu: {
13
+ items: import("../components/ContextMenu").ContextMenuItems;
14
+ top: number;
15
+ left: number;
16
+ } | null;
12
17
  showWelcomeScreen: boolean;
13
18
  isLoading: boolean;
14
19
  errorMessage: string | null;
@@ -65,7 +70,7 @@ export declare const actionToggleLock: {
65
70
  openMenu: "canvas" | "shape" | null;
66
71
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
67
72
  openSidebar: "library" | "customSidebar" | null;
68
- openDialog: "imageExport" | "help" | null;
73
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
69
74
  isSidebarDocked: boolean;
70
75
  lastPointerDownWith: import("../element/types").PointerType;
71
76
  selectedElementIds: {
package/types/actions/actionToggleStats.d.ts CHANGED
@@ -8,6 +8,11 @@ export declare const actionToggleStats: {
8
8
  perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
9
9
  appState: {
10
10
  showStats: boolean;
11
+ contextMenu: {
12
+ items: import("../components/ContextMenu").ContextMenuItems;
13
+ top: number;
14
+ left: number;
15
+ } | null;
11
16
  showWelcomeScreen: boolean;
12
17
  isLoading: boolean;
13
18
  errorMessage: string | null;
@@ -64,7 +69,7 @@ export declare const actionToggleStats: {
64
69
  openMenu: "canvas" | "shape" | null;
65
70
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
66
71
  openSidebar: "library" | "customSidebar" | null;
67
- openDialog: "imageExport" | "help" | null;
72
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
68
73
  isSidebarDocked: boolean;
69
74
  lastPointerDownWith: import("../element/types").PointerType;
70
75
  selectedElementIds: {
package/types/actions/actionToggleViewMode.d.ts CHANGED
@@ -9,6 +9,11 @@ export declare const actionToggleViewMode: {
9
9
  perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
10
10
  appState: {
11
11
  viewModeEnabled: boolean;
12
+ contextMenu: {
13
+ items: import("../components/ContextMenu").ContextMenuItems;
14
+ top: number;
15
+ left: number;
16
+ } | null;
12
17
  showWelcomeScreen: boolean;
13
18
  isLoading: boolean;
14
19
  errorMessage: string | null;
@@ -65,7 +70,7 @@ export declare const actionToggleViewMode: {
65
70
  openMenu: "canvas" | "shape" | null;
66
71
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
67
72
  openSidebar: "library" | "customSidebar" | null;
68
- openDialog: "imageExport" | "help" | null;
73
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
69
74
  isSidebarDocked: boolean;
70
75
  lastPointerDownWith: import("../element/types").PointerType;
71
76
  selectedElementIds: {
@@ -116,6 +121,7 @@ export declare const actionToggleViewMode: {
116
121
  commitToHistory: false;
117
122
  };
118
123
  checked: (appState: Readonly<import("../types").AppState>) => boolean;
124
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
119
125
  contextItemLabel: string;
120
126
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
121
127
  } & {