@dwelle/excalidraw 0.4.0-cfd6fb7 → 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 +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 +441 -203
  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 +13 -0
  47. package/types/components/App.d.ts +52 -1
  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 -5
  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 +8 -5
  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 +1 -1
  89. package/types/element/types.d.ts +2 -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 -14
  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
package/types/actions/actionDeleteSelected.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const actionDeleteSelected: {
12
12
  elements: ExcalidrawElement[];
13
13
  appState: {
14
14
  editingLinearElement: null;
15
+ showWelcomeScreen: boolean;
15
16
  isLoading: boolean;
16
17
  errorMessage: string | null;
17
18
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -48,7 +49,7 @@ export declare const actionDeleteSelected: {
48
49
  currentItemOpacity: number;
49
50
  currentItemFontFamily: number;
50
51
  currentItemFontSize: number;
51
- currentItemTextAlign: import("../element/types").TextAlign;
52
+ currentItemTextAlign: string;
52
53
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
53
54
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
54
55
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -66,6 +67,9 @@ export declare const actionDeleteSelected: {
66
67
  }>;
67
68
  openMenu: "canvas" | "shape" | null;
68
69
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
70
+ openSidebar: "library" | "customSidebar" | null;
71
+ openDialog: "imageExport" | "help" | null;
72
+ isSidebarDocked: boolean;
69
73
  lastPointerDownWith: import("../element/types").PointerType;
70
74
  selectedElementIds: {
71
75
  [id: string]: boolean;
@@ -74,7 +78,6 @@ export declare const actionDeleteSelected: {
74
78
  [id: string]: boolean;
75
79
  };
76
80
  shouldCacheIgnoreZoom: boolean;
77
- showHelpDialog: boolean;
78
81
  toast: {
79
82
  message: string;
80
83
  closable?: boolean | undefined;
@@ -92,8 +95,6 @@ export declare const actionDeleteSelected: {
92
95
  height: number;
93
96
  offsetTop: number;
94
97
  offsetLeft: number;
95
- isLibraryOpen: boolean;
96
- isLibraryMenuDocked: boolean;
97
98
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
98
99
  collaborators: Map<string, import("../types").Collaborator>;
99
100
  showStats: boolean;
@@ -131,8 +132,9 @@ export declare const actionDeleteSelected: {
131
132
  y: number;
132
133
  }>;
133
134
  hoverPointIndex: number;
134
- midPointHovered: boolean;
135
+ segmentMidPointHoveredCoords: readonly [number, number] | null;
135
136
  };
137
+ showWelcomeScreen: boolean;
136
138
  isLoading: boolean;
137
139
  errorMessage: string | null;
138
140
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -169,7 +171,7 @@ export declare const actionDeleteSelected: {
169
171
  currentItemOpacity: number;
170
172
  currentItemFontFamily: number;
171
173
  currentItemFontSize: number;
172
- currentItemTextAlign: import("../element/types").TextAlign;
174
+ currentItemTextAlign: string;
173
175
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
174
176
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
175
177
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -187,6 +189,9 @@ export declare const actionDeleteSelected: {
187
189
  }>;
188
190
  openMenu: "canvas" | "shape" | null;
189
191
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
192
+ openSidebar: "library" | "customSidebar" | null;
193
+ openDialog: "imageExport" | "help" | null;
194
+ isSidebarDocked: boolean;
190
195
  lastPointerDownWith: import("../element/types").PointerType;
191
196
  selectedElementIds: {
192
197
  [id: string]: boolean;
@@ -195,7 +200,6 @@ export declare const actionDeleteSelected: {
195
200
  [id: string]: boolean;
196
201
  };
197
202
  shouldCacheIgnoreZoom: boolean;
198
- showHelpDialog: boolean;
199
203
  toast: {
200
204
  message: string;
201
205
  closable?: boolean | undefined;
@@ -213,8 +217,6 @@ export declare const actionDeleteSelected: {
213
217
  height: number;
214
218
  offsetTop: number;
215
219
  offsetLeft: number;
216
- isLibraryOpen: boolean;
217
- isLibraryMenuDocked: boolean;
218
220
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
219
221
  collaborators: Map<string, import("../types").Collaborator>;
220
222
  showStats: boolean;
@@ -247,6 +249,7 @@ export declare const actionDeleteSelected: {
247
249
  };
248
250
  multiElement: null;
249
251
  selectedElementIds: {};
252
+ showWelcomeScreen: boolean;
250
253
  isLoading: boolean;
251
254
  errorMessage: string | null;
252
255
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -272,7 +275,7 @@ export declare const actionDeleteSelected: {
272
275
  currentItemOpacity: number;
273
276
  currentItemFontFamily: number;
274
277
  currentItemFontSize: number;
275
- currentItemTextAlign: import("../element/types").TextAlign;
278
+ currentItemTextAlign: string;
276
279
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
277
280
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
278
281
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -290,12 +293,14 @@ export declare const actionDeleteSelected: {
290
293
  }>;
291
294
  openMenu: "canvas" | "shape" | null;
292
295
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
296
+ openSidebar: "library" | "customSidebar" | null;
297
+ openDialog: "imageExport" | "help" | null;
298
+ isSidebarDocked: boolean;
293
299
  lastPointerDownWith: import("../element/types").PointerType;
294
300
  previousSelectedElementIds: {
295
301
  [id: string]: boolean;
296
302
  };
297
303
  shouldCacheIgnoreZoom: boolean;
298
- showHelpDialog: boolean;
299
304
  toast: {
300
305
  message: string;
301
306
  closable?: boolean | undefined;
@@ -313,8 +318,6 @@ export declare const actionDeleteSelected: {
313
318
  height: number;
314
319
  offsetTop: number;
315
320
  offsetLeft: number;
316
- isLibraryOpen: boolean;
317
- isLibraryMenuDocked: boolean;
318
321
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
319
322
  collaborators: Map<string, import("../types").Collaborator>;
320
323
  showStats: boolean;
@@ -334,7 +337,9 @@ export declare const actionDeleteSelected: {
334
337
  };
335
338
  contextItemLabel: string;
336
339
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
337
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
340
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
341
+ isInHamburgerMenu: boolean;
342
+ }) => JSX.Element;
338
343
  } & {
339
344
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
340
345
  };
package/types/actions/actionDistribute.d.ts CHANGED
@@ -12,7 +12,9 @@ export declare const distributeHorizontally: {
12
12
  commitToHistory: true;
13
13
  };
14
14
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
15
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
15
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
16
+ isInHamburgerMenu: boolean;
17
+ }) => JSX.Element;
16
18
  } & {
17
19
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
18
20
  };
@@ -27,7 +29,9 @@ export declare const distributeVertically: {
27
29
  commitToHistory: true;
28
30
  };
29
31
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
30
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
32
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
33
+ isInHamburgerMenu: boolean;
34
+ }) => JSX.Element;
31
35
  } & {
32
36
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
33
37
  };
package/types/actions/actionDuplicateSelection.d.ts CHANGED
@@ -16,7 +16,9 @@ export declare const actionDuplicateSelection: {
16
16
  };
17
17
  contextItemLabel: string;
18
18
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
19
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
19
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
20
+ isInHamburgerMenu: boolean;
21
+ }) => JSX.Element;
20
22
  } & {
21
23
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
22
24
  };
package/types/actions/actionExport.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const actionChangeProjectName: {
6
6
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
7
7
  appState: {
8
8
  name: any;
9
+ showWelcomeScreen: boolean;
9
10
  isLoading: boolean;
10
11
  errorMessage: string | null;
11
12
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -43,7 +44,7 @@ export declare const actionChangeProjectName: {
43
44
  currentItemOpacity: number;
44
45
  currentItemFontFamily: number;
45
46
  currentItemFontSize: number;
46
- currentItemTextAlign: import("../element/types").TextAlign;
47
+ currentItemTextAlign: string;
47
48
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
48
49
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
49
50
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -60,6 +61,9 @@ export declare const actionChangeProjectName: {
60
61
  }>;
61
62
  openMenu: "canvas" | "shape" | null;
62
63
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
64
+ openSidebar: "library" | "customSidebar" | null;
65
+ openDialog: "imageExport" | "help" | null;
66
+ isSidebarDocked: boolean;
63
67
  lastPointerDownWith: import("../element/types").PointerType;
64
68
  selectedElementIds: {
65
69
  [id: string]: boolean;
@@ -68,7 +72,6 @@ export declare const actionChangeProjectName: {
68
72
  [id: string]: boolean;
69
73
  };
70
74
  shouldCacheIgnoreZoom: boolean;
71
- showHelpDialog: boolean;
72
75
  toast: {
73
76
  message: string;
74
77
  closable?: boolean | undefined;
@@ -86,8 +89,6 @@ export declare const actionChangeProjectName: {
86
89
  height: number;
87
90
  offsetTop: number;
88
91
  offsetLeft: number;
89
- isLibraryOpen: boolean;
90
- isLibraryMenuDocked: boolean;
91
92
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
92
93
  collaborators: Map<string, import("../types").Collaborator>;
93
94
  showStats: boolean;
@@ -105,7 +106,9 @@ export declare const actionChangeProjectName: {
105
106
  };
106
107
  commitToHistory: false;
107
108
  };
108
- PanelComponent: ({ appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
109
+ PanelComponent: ({ appState, updateData, appProps }: import("./types").PanelComponentProps & {
110
+ isInHamburgerMenu: boolean;
111
+ }) => JSX.Element;
109
112
  } & {
110
113
  keyTest?: undefined;
111
114
  };
@@ -118,6 +121,7 @@ export declare const actionChangeExportScale: {
118
121
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
119
122
  appState: {
120
123
  exportScale: any;
124
+ showWelcomeScreen: boolean;
121
125
  isLoading: boolean;
122
126
  errorMessage: string | null;
123
127
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -154,7 +158,7 @@ export declare const actionChangeExportScale: {
154
158
  currentItemOpacity: number;
155
159
  currentItemFontFamily: number;
156
160
  currentItemFontSize: number;
157
- currentItemTextAlign: import("../element/types").TextAlign;
161
+ currentItemTextAlign: string;
158
162
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
159
163
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
160
164
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -172,6 +176,9 @@ export declare const actionChangeExportScale: {
172
176
  }>;
173
177
  openMenu: "canvas" | "shape" | null;
174
178
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
179
+ openSidebar: "library" | "customSidebar" | null;
180
+ openDialog: "imageExport" | "help" | null;
181
+ isSidebarDocked: boolean;
175
182
  lastPointerDownWith: import("../element/types").PointerType;
176
183
  selectedElementIds: {
177
184
  [id: string]: boolean;
@@ -180,7 +187,6 @@ export declare const actionChangeExportScale: {
180
187
  [id: string]: boolean;
181
188
  };
182
189
  shouldCacheIgnoreZoom: boolean;
183
- showHelpDialog: boolean;
184
190
  toast: {
185
191
  message: string;
186
192
  closable?: boolean | undefined;
@@ -198,8 +204,6 @@ export declare const actionChangeExportScale: {
198
204
  height: number;
199
205
  offsetTop: number;
200
206
  offsetLeft: number;
201
- isLibraryOpen: boolean;
202
- isLibraryMenuDocked: boolean;
203
207
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
204
208
  collaborators: Map<string, import("../types").Collaborator>;
205
209
  showStats: boolean;
@@ -217,7 +221,9 @@ export declare const actionChangeExportScale: {
217
221
  };
218
222
  commitToHistory: false;
219
223
  };
220
- PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
224
+ PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps & {
225
+ isInHamburgerMenu: boolean;
226
+ }) => JSX.Element;
221
227
  } & {
222
228
  keyTest?: undefined;
223
229
  };
@@ -230,6 +236,7 @@ export declare const actionChangeExportBackground: {
230
236
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
231
237
  appState: {
232
238
  exportBackground: any;
239
+ showWelcomeScreen: boolean;
233
240
  isLoading: boolean;
234
241
  errorMessage: string | null;
235
242
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -266,7 +273,7 @@ export declare const actionChangeExportBackground: {
266
273
  currentItemOpacity: number;
267
274
  currentItemFontFamily: number;
268
275
  currentItemFontSize: number;
269
- currentItemTextAlign: import("../element/types").TextAlign;
276
+ currentItemTextAlign: string;
270
277
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
271
278
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
272
279
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -284,6 +291,9 @@ export declare const actionChangeExportBackground: {
284
291
  }>;
285
292
  openMenu: "canvas" | "shape" | null;
286
293
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
294
+ openSidebar: "library" | "customSidebar" | null;
295
+ openDialog: "imageExport" | "help" | null;
296
+ isSidebarDocked: boolean;
287
297
  lastPointerDownWith: import("../element/types").PointerType;
288
298
  selectedElementIds: {
289
299
  [id: string]: boolean;
@@ -292,7 +302,6 @@ export declare const actionChangeExportBackground: {
292
302
  [id: string]: boolean;
293
303
  };
294
304
  shouldCacheIgnoreZoom: boolean;
295
- showHelpDialog: boolean;
296
305
  toast: {
297
306
  message: string;
298
307
  closable?: boolean | undefined;
@@ -310,8 +319,6 @@ export declare const actionChangeExportBackground: {
310
319
  height: number;
311
320
  offsetTop: number;
312
321
  offsetLeft: number;
313
- isLibraryOpen: boolean;
314
- isLibraryMenuDocked: boolean;
315
322
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
316
323
  collaborators: Map<string, import("../types").Collaborator>;
317
324
  showStats: boolean;
@@ -329,7 +336,9 @@ export declare const actionChangeExportBackground: {
329
336
  };
330
337
  commitToHistory: false;
331
338
  };
332
- PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
339
+ PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
340
+ isInHamburgerMenu: boolean;
341
+ }) => JSX.Element;
333
342
  } & {
334
343
  keyTest?: undefined;
335
344
  };
@@ -342,6 +351,7 @@ export declare const actionChangeExportEmbedScene: {
342
351
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
343
352
  appState: {
344
353
  exportEmbedScene: any;
354
+ showWelcomeScreen: boolean;
345
355
  isLoading: boolean;
346
356
  errorMessage: string | null;
347
357
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -378,7 +388,7 @@ export declare const actionChangeExportEmbedScene: {
378
388
  currentItemOpacity: number;
379
389
  currentItemFontFamily: number;
380
390
  currentItemFontSize: number;
381
- currentItemTextAlign: import("../element/types").TextAlign;
391
+ currentItemTextAlign: string;
382
392
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
383
393
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
384
394
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -396,6 +406,9 @@ export declare const actionChangeExportEmbedScene: {
396
406
  }>;
397
407
  openMenu: "canvas" | "shape" | null;
398
408
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
409
+ openSidebar: "library" | "customSidebar" | null;
410
+ openDialog: "imageExport" | "help" | null;
411
+ isSidebarDocked: boolean;
399
412
  lastPointerDownWith: import("../element/types").PointerType;
400
413
  selectedElementIds: {
401
414
  [id: string]: boolean;
@@ -404,7 +417,6 @@ export declare const actionChangeExportEmbedScene: {
404
417
  [id: string]: boolean;
405
418
  };
406
419
  shouldCacheIgnoreZoom: boolean;
407
- showHelpDialog: boolean;
408
420
  toast: {
409
421
  message: string;
410
422
  closable?: boolean | undefined;
@@ -422,8 +434,6 @@ export declare const actionChangeExportEmbedScene: {
422
434
  height: number;
423
435
  offsetTop: number;
424
436
  offsetLeft: number;
425
- isLibraryOpen: boolean;
426
- isLibraryMenuDocked: boolean;
427
437
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
428
438
  collaborators: Map<string, import("../types").Collaborator>;
429
439
  showStats: boolean;
@@ -441,7 +451,9 @@ export declare const actionChangeExportEmbedScene: {
441
451
  };
442
452
  commitToHistory: false;
443
453
  };
444
- PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
454
+ PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
455
+ isInHamburgerMenu: boolean;
456
+ }) => JSX.Element;
445
457
  } & {
446
458
  keyTest?: undefined;
447
459
  };
@@ -457,6 +469,7 @@ export declare const actionSaveToActiveFile: {
457
469
  toast: {
458
470
  message: string;
459
471
  } | null;
472
+ showWelcomeScreen: boolean;
460
473
  isLoading: boolean;
461
474
  errorMessage: string | null;
462
475
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -494,7 +507,7 @@ export declare const actionSaveToActiveFile: {
494
507
  currentItemOpacity: number;
495
508
  currentItemFontFamily: number;
496
509
  currentItemFontSize: number;
497
- currentItemTextAlign: import("../element/types").TextAlign;
510
+ currentItemTextAlign: string;
498
511
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
499
512
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
500
513
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -512,6 +525,9 @@ export declare const actionSaveToActiveFile: {
512
525
  }>;
513
526
  openMenu: "canvas" | "shape" | null;
514
527
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
528
+ openSidebar: "library" | "customSidebar" | null;
529
+ openDialog: "imageExport" | "help" | null;
530
+ isSidebarDocked: boolean;
515
531
  lastPointerDownWith: import("../element/types").PointerType;
516
532
  selectedElementIds: {
517
533
  [id: string]: boolean;
@@ -520,7 +536,6 @@ export declare const actionSaveToActiveFile: {
520
536
  [id: string]: boolean;
521
537
  };
522
538
  shouldCacheIgnoreZoom: boolean;
523
- showHelpDialog: boolean;
524
539
  zenModeEnabled: boolean;
525
540
  theme: string;
526
541
  gridSize: number | null;
@@ -533,8 +548,6 @@ export declare const actionSaveToActiveFile: {
533
548
  height: number;
534
549
  offsetTop: number;
535
550
  offsetLeft: number;
536
- isLibraryOpen: boolean;
537
- isLibraryMenuDocked: boolean;
538
551
  collaborators: Map<string, import("../types").Collaborator>;
539
552
  showStats: boolean;
540
553
  currentChartType: import("../element/types").ChartType;
@@ -554,7 +567,9 @@ export declare const actionSaveToActiveFile: {
554
567
  appState?: undefined;
555
568
  }>;
556
569
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
557
- PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
570
+ PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps & {
571
+ isInHamburgerMenu: boolean;
572
+ }) => JSX.Element;
558
573
  } & {
559
574
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
560
575
  };
@@ -567,6 +582,7 @@ export declare const actionSaveFileToDisk: {
567
582
  commitToHistory: false;
568
583
  appState: {
569
584
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
585
+ showWelcomeScreen: boolean;
570
586
  isLoading: boolean;
571
587
  errorMessage: string | null;
572
588
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -604,7 +620,7 @@ export declare const actionSaveFileToDisk: {
604
620
  currentItemOpacity: number;
605
621
  currentItemFontFamily: number;
606
622
  currentItemFontSize: number;
607
- currentItemTextAlign: import("../element/types").TextAlign;
623
+ currentItemTextAlign: string;
608
624
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
609
625
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
610
626
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -622,6 +638,9 @@ export declare const actionSaveFileToDisk: {
622
638
  }>;
623
639
  openMenu: "canvas" | "shape" | null;
624
640
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
641
+ openSidebar: "library" | "customSidebar" | null;
642
+ openDialog: "imageExport" | "help" | null;
643
+ isSidebarDocked: boolean;
625
644
  lastPointerDownWith: import("../element/types").PointerType;
626
645
  selectedElementIds: {
627
646
  [id: string]: boolean;
@@ -630,7 +649,6 @@ export declare const actionSaveFileToDisk: {
630
649
  [id: string]: boolean;
631
650
  };
632
651
  shouldCacheIgnoreZoom: boolean;
633
- showHelpDialog: boolean;
634
652
  toast: {
635
653
  message: string;
636
654
  closable?: boolean | undefined;
@@ -648,8 +666,6 @@ export declare const actionSaveFileToDisk: {
648
666
  height: number;
649
667
  offsetTop: number;
650
668
  offsetLeft: number;
651
- isLibraryOpen: boolean;
652
- isLibraryMenuDocked: boolean;
653
669
  collaborators: Map<string, import("../types").Collaborator>;
654
670
  showStats: boolean;
655
671
  currentChartType: import("../element/types").ChartType;
@@ -669,7 +685,9 @@ export declare const actionSaveFileToDisk: {
669
685
  appState?: undefined;
670
686
  }>;
671
687
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
672
- PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
688
+ PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
689
+ isInHamburgerMenu: boolean;
690
+ }) => JSX.Element;
673
691
  } & {
674
692
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
675
693
  };
@@ -681,6 +699,8 @@ export declare const actionLoadScene: {
681
699
  perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | {
682
700
  elements: import("../element/types").ExcalidrawElement[];
683
701
  appState: {
702
+ theme: string;
703
+ name: string;
684
704
  activeTool: {
685
705
  type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
686
706
  lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
@@ -699,7 +719,7 @@ export declare const actionLoadScene: {
699
719
  value: import("../types").NormalizedZoomValue;
700
720
  }>;
701
721
  shouldCacheIgnoreZoom: boolean;
702
- theme: string;
722
+ showWelcomeScreen: boolean;
703
723
  isLoading: boolean;
704
724
  errorMessage: string | null;
705
725
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -726,18 +746,20 @@ export declare const actionLoadScene: {
726
746
  currentItemOpacity: number;
727
747
  currentItemFontFamily: number;
728
748
  currentItemFontSize: number;
729
- currentItemTextAlign: import("../element/types").TextAlign;
749
+ currentItemTextAlign: string;
730
750
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
731
751
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
732
752
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
733
753
  currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
734
754
  cursorButton: "up" | "down";
735
755
  scrolledOutside: boolean;
736
- name: string;
737
756
  isResizing: boolean;
738
757
  isRotating: boolean;
739
758
  openMenu: "canvas" | "shape" | null;
740
759
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
760
+ openSidebar: "library" | "customSidebar" | null;
761
+ openDialog: "imageExport" | "help" | null;
762
+ isSidebarDocked: boolean;
741
763
  lastPointerDownWith: import("../element/types").PointerType;
742
764
  selectedElementIds: {
743
765
  [id: string]: boolean;
@@ -745,7 +767,6 @@ export declare const actionLoadScene: {
745
767
  previousSelectedElementIds: {
746
768
  [id: string]: boolean;
747
769
  };
748
- showHelpDialog: boolean;
749
770
  toast: {
750
771
  message: string;
751
772
  closable?: boolean | undefined;
@@ -758,8 +779,6 @@ export declare const actionLoadScene: {
758
779
  [groupId: string]: boolean;
759
780
  };
760
781
  editingGroupId: string | null;
761
- isLibraryOpen: boolean;
762
- isLibraryMenuDocked: boolean;
763
782
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
764
783
  collaborators: Map<string, import("../types").Collaborator>;
765
784
  showStats: boolean;
@@ -781,6 +800,7 @@ export declare const actionLoadScene: {
781
800
  elements: readonly import("../element/types").ExcalidrawElement[];
782
801
  appState: {
783
802
  errorMessage: any;
803
+ showWelcomeScreen: boolean;
784
804
  isLoading: boolean;
785
805
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
786
806
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -817,7 +837,7 @@ export declare const actionLoadScene: {
817
837
  currentItemOpacity: number;
818
838
  currentItemFontFamily: number;
819
839
  currentItemFontSize: number;
820
- currentItemTextAlign: import("../element/types").TextAlign;
840
+ currentItemTextAlign: string;
821
841
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
822
842
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
823
843
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -835,6 +855,9 @@ export declare const actionLoadScene: {
835
855
  }>;
836
856
  openMenu: "canvas" | "shape" | null;
837
857
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
858
+ openSidebar: "library" | "customSidebar" | null;
859
+ openDialog: "imageExport" | "help" | null;
860
+ isSidebarDocked: boolean;
838
861
  lastPointerDownWith: import("../element/types").PointerType;
839
862
  selectedElementIds: {
840
863
  [id: string]: boolean;
@@ -843,7 +866,6 @@ export declare const actionLoadScene: {
843
866
  [id: string]: boolean;
844
867
  };
845
868
  shouldCacheIgnoreZoom: boolean;
846
- showHelpDialog: boolean;
847
869
  toast: {
848
870
  message: string;
849
871
  closable?: boolean | undefined;
@@ -861,8 +883,6 @@ export declare const actionLoadScene: {
861
883
  height: number;
862
884
  offsetTop: number;
863
885
  offsetLeft: number;
864
- isLibraryOpen: boolean;
865
- isLibraryMenuDocked: boolean;
866
886
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
867
887
  collaborators: Map<string, import("../types").Collaborator>;
868
888
  showStats: boolean;
@@ -882,7 +902,9 @@ export declare const actionLoadScene: {
882
902
  commitToHistory: false;
883
903
  }>;
884
904
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
885
- PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
905
+ PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
906
+ isInHamburgerMenu: boolean;
907
+ }) => JSX.Element;
886
908
  } & {
887
909
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
888
910
  };
@@ -895,6 +917,7 @@ export declare const actionExportWithDarkMode: {
895
917
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
896
918
  appState: {
897
919
  exportWithDarkMode: any;
920
+ showWelcomeScreen: boolean;
898
921
  isLoading: boolean;
899
922
  errorMessage: string | null;
900
923
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -931,7 +954,7 @@ export declare const actionExportWithDarkMode: {
931
954
  currentItemOpacity: number;
932
955
  currentItemFontFamily: number;
933
956
  currentItemFontSize: number;
934
- currentItemTextAlign: import("../element/types").TextAlign;
957
+ currentItemTextAlign: string;
935
958
  currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
936
959
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
937
960
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -949,6 +972,9 @@ export declare const actionExportWithDarkMode: {
949
972
  }>;
950
973
  openMenu: "canvas" | "shape" | null;
951
974
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
975
+ openSidebar: "library" | "customSidebar" | null;
976
+ openDialog: "imageExport" | "help" | null;
977
+ isSidebarDocked: boolean;
952
978
  lastPointerDownWith: import("../element/types").PointerType;
953
979
  selectedElementIds: {
954
980
  [id: string]: boolean;
@@ -957,7 +983,6 @@ export declare const actionExportWithDarkMode: {
957
983
  [id: string]: boolean;
958
984
  };
959
985
  shouldCacheIgnoreZoom: boolean;
960
- showHelpDialog: boolean;
961
986
  toast: {
962
987
  message: string;
963
988
  closable?: boolean | undefined;
@@ -975,8 +1000,6 @@ export declare const actionExportWithDarkMode: {
975
1000
  height: number;
976
1001
  offsetTop: number;
977
1002
  offsetLeft: number;
978
- isLibraryOpen: boolean;
979
- isLibraryMenuDocked: boolean;
980
1003
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
981
1004
  collaborators: Map<string, import("../types").Collaborator>;
982
1005
  showStats: boolean;
@@ -994,7 +1017,9 @@ export declare const actionExportWithDarkMode: {
994
1017
  };
995
1018
  commitToHistory: false;
996
1019
  };
997
- PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
1020
+ PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
1021
+ isInHamburgerMenu: boolean;
1022
+ }) => JSX.Element;
998
1023
  } & {
999
1024
  keyTest?: undefined;
1000
1025
  };