@dwelle/excalidraw 0.4.0-e1bdbb6 → 0.4.0-e3bee83

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 (96) hide show
  1. package/CHANGELOG.md +189 -0
  2. package/README.md +418 -20
  3. package/dist/excalidraw.development.js +649 -341
  4. package/dist/excalidraw.production.min.js +1 -1
  5. package/package.json +1 -1
  6. package/types/actions/actionAddToLibrary.d.ts +21 -9
  7. package/types/actions/actionAlign.d.ts +6 -18
  8. package/types/actions/actionBoundText.d.ts +9 -5
  9. package/types/actions/actionCanvas.d.ts +76 -52
  10. package/types/actions/actionClipboard.d.ts +63 -16
  11. package/types/actions/actionDeleteSelected.d.ts +31 -12
  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 +79 -58
  15. package/types/actions/actionFinalize.d.ts +15 -9
  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 +8 -4
  19. package/types/actions/actionMenu.d.ts +24 -17
  20. package/types/actions/actionNavigate.d.ts +2 -3
  21. package/types/actions/actionProperties.d.ts +106 -80
  22. package/types/actions/actionStyles.d.ts +7 -3
  23. package/types/actions/actionToggleGridMode.d.ts +9 -3
  24. package/types/actions/actionToggleLock.d.ts +7 -3
  25. package/types/actions/actionToggleStats.d.ts +8 -3
  26. package/types/actions/actionToggleViewMode.d.ts +9 -3
  27. package/types/actions/actionToggleZenMode.d.ts +9 -3
  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 +6 -5
  31. package/types/appState.d.ts +9 -10
  32. package/types/clipboard.d.ts +6 -1
  33. package/types/components/App.d.ts +9 -51
  34. package/types/components/Button.d.ts +15 -0
  35. package/types/components/Card.d.ts +7 -0
  36. package/types/components/ContextMenu.d.ts +8 -21
  37. package/types/components/JSONExportDialog.d.ts +3 -1
  38. package/types/components/LayerUI.d.ts +3 -5
  39. package/types/components/LibraryMenuHeaderContent.d.ts +23 -0
  40. package/types/components/MobileMenu.d.ts +5 -8
  41. package/types/components/UserList.d.ts +0 -2
  42. package/types/components/dropdownMenu/DropdownMenu.d.ts +64 -0
  43. package/types/components/dropdownMenu/DropdownMenuContent.d.ts +11 -0
  44. package/types/components/dropdownMenu/DropdownMenuGroup.d.ts +11 -0
  45. package/types/components/dropdownMenu/DropdownMenuItem.d.ts +13 -0
  46. package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts +6 -0
  47. package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts +6 -0
  48. package/types/components/dropdownMenu/DropdownMenuItemLink.d.ts +12 -0
  49. package/types/components/dropdownMenu/DropdownMenuSeparator.d.ts +5 -0
  50. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +9 -0
  51. package/types/components/dropdownMenu/dropdownMenuUtils.d.ts +3 -0
  52. package/types/components/footer/Footer.d.ts +13 -0
  53. package/types/components/footer/FooterCenter.d.ts +8 -0
  54. package/types/components/icons.d.ts +1 -1
  55. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +10 -0
  56. package/types/components/main-menu/DefaultItems.d.ts +47 -0
  57. package/types/components/main-menu/MainMenu.d.ts +55 -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 +11 -8
  62. package/types/data/index.d.ts +1 -1
  63. package/types/element/Hyperlink.d.ts +9 -7
  64. package/types/element/bounds.d.ts +3 -2
  65. package/types/element/linearElementEditor.d.ts +39 -8
  66. package/types/element/newElement.d.ts +2 -2
  67. package/types/element/resizeElements.d.ts +0 -1
  68. package/types/element/textElement.d.ts +24 -2
  69. package/types/element/textWysiwyg.d.ts +6 -1
  70. package/types/element/transformHandles.d.ts +2 -3
  71. package/types/element/typeChecks.d.ts +10 -1
  72. package/types/element/types.d.ts +11 -4
  73. package/types/keys.d.ts +2 -0
  74. package/types/math.d.ts +2 -1
  75. package/types/packages/excalidraw/example/CustomFooter.d.ts +5 -0
  76. package/types/packages/excalidraw/example/MobileFooter.d.ts +5 -0
  77. package/types/packages/excalidraw/index.d.ts +12 -1
  78. package/types/packages/utils.d.ts +22 -25
  79. package/types/renderer/renderElement.d.ts +4 -3
  80. package/types/renderer/renderScene.d.ts +1 -3
  81. package/types/scene/Fonts.d.ts +21 -0
  82. package/types/scene/Scene.d.ts +15 -0
  83. package/types/scene/comparisons.d.ts +2 -3
  84. package/types/scene/export.d.ts +143 -9
  85. package/types/scene/index.d.ts +1 -1
  86. package/types/scene/types.d.ts +9 -1
  87. package/types/types.d.ts +44 -24
  88. package/types/utils.d.ts +17 -0
  89. package/types/components/ActiveFile.d.ts +0 -7
  90. package/types/components/ClearCanvas.d.ts +0 -4
  91. package/types/components/CollabButton.d.ts +0 -6
  92. package/types/components/Footer.d.ts +0 -10
  93. package/types/components/MenuItem.d.ts +0 -11
  94. package/types/components/MenuUtils.d.ts +0 -1
  95. package/types/components/WelcomeScreen.d.ts +0 -10
  96. package/types/components/WelcomeScreenDecor.d.ts +0 -6
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;
@@ -46,10 +51,9 @@ export declare const actionToggleCanvasMenu: {
46
51
  currentItemFontFamily: number;
47
52
  currentItemFontSize: number;
48
53
  currentItemTextAlign: string;
49
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
50
54
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
51
55
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
52
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
56
+ currentItemRoundness: import("../element/types").StrokeRoundness;
53
57
  viewBackgroundColor: string;
54
58
  scrollX: number;
55
59
  scrollY: number;
@@ -63,7 +67,7 @@ export declare const actionToggleCanvasMenu: {
63
67
  }>;
64
68
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
65
69
  openSidebar: "library" | "customSidebar" | null;
66
- openDialog: "imageExport" | "help" | null;
70
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
67
71
  isSidebarDocked: boolean;
68
72
  lastPointerDownWith: import("../element/types").PointerType;
69
73
  selectedElementIds: {
@@ -107,9 +111,7 @@ export declare const actionToggleCanvasMenu: {
107
111
  };
108
112
  commitToHistory: false;
109
113
  };
110
- PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
111
- isInHamburgerMenu: boolean;
112
- }) => JSX.Element;
114
+ PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
113
115
  } & {
114
116
  keyTest?: undefined;
115
117
  };
@@ -121,6 +123,11 @@ export declare const actionToggleEditMenu: {
121
123
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
122
124
  appState: {
123
125
  openMenu: "shape" | null;
126
+ contextMenu: {
127
+ items: import("../components/ContextMenu").ContextMenuItems;
128
+ top: number;
129
+ left: number;
130
+ } | null;
124
131
  showWelcomeScreen: boolean;
125
132
  isLoading: boolean;
126
133
  errorMessage: string | null;
@@ -160,10 +167,9 @@ export declare const actionToggleEditMenu: {
160
167
  currentItemFontFamily: number;
161
168
  currentItemFontSize: number;
162
169
  currentItemTextAlign: string;
163
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
164
170
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
165
171
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
166
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
172
+ currentItemRoundness: import("../element/types").StrokeRoundness;
167
173
  viewBackgroundColor: string;
168
174
  scrollX: number;
169
175
  scrollY: number;
@@ -177,7 +183,7 @@ export declare const actionToggleEditMenu: {
177
183
  }>;
178
184
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
179
185
  openSidebar: "library" | "customSidebar" | null;
180
- openDialog: "imageExport" | "help" | null;
186
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
181
187
  isSidebarDocked: boolean;
182
188
  lastPointerDownWith: import("../element/types").PointerType;
183
189
  selectedElementIds: {
@@ -221,14 +227,13 @@ export declare const actionToggleEditMenu: {
221
227
  };
222
228
  commitToHistory: false;
223
229
  };
224
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
225
- isInHamburgerMenu: boolean;
226
- }) => JSX.Element;
230
+ PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
227
231
  } & {
228
232
  keyTest?: undefined;
229
233
  };
230
234
  export declare const actionFullScreen: {
231
235
  name: "toggleFullScreen";
236
+ viewMode: true;
232
237
  trackEvent: {
233
238
  category: "canvas";
234
239
  predicate: (appState: Readonly<import("../types").AppState>) => boolean;
@@ -242,6 +247,7 @@ export declare const actionFullScreen: {
242
247
  };
243
248
  export declare const actionShortcuts: {
244
249
  name: "toggleShortcuts";
250
+ viewMode: true;
245
251
  trackEvent: {
246
252
  category: "menu";
247
253
  action: string;
@@ -249,6 +255,11 @@ export declare const actionShortcuts: {
249
255
  perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, { focusContainer }: import("../types").AppClassProperties) => {
250
256
  appState: {
251
257
  openDialog: "help" | null;
258
+ contextMenu: {
259
+ items: import("../components/ContextMenu").ContextMenuItems;
260
+ top: number;
261
+ left: number;
262
+ } | null;
252
263
  showWelcomeScreen: boolean;
253
264
  isLoading: boolean;
254
265
  errorMessage: string | null;
@@ -288,10 +299,9 @@ export declare const actionShortcuts: {
288
299
  currentItemFontFamily: number;
289
300
  currentItemFontSize: number;
290
301
  currentItemTextAlign: string;
291
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
292
302
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
293
303
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
294
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
304
+ currentItemRoundness: import("../element/types").StrokeRoundness;
295
305
  viewBackgroundColor: string;
296
306
  scrollX: number;
297
307
  scrollY: number;
@@ -349,9 +359,6 @@ export declare const actionShortcuts: {
349
359
  };
350
360
  commitToHistory: false;
351
361
  };
352
- PanelComponent: ({ updateData, isInHamburgerMenu }: import("./types").PanelComponentProps & {
353
- isInHamburgerMenu: boolean;
354
- }) => JSX.Element;
355
362
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
356
363
  } & {
357
364
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
package/types/actions/actionNavigate.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export declare const actionGoToCollaborator: {
2
2
  name: "goToCollaborator";
3
+ viewMode: true;
3
4
  trackEvent: {
4
5
  category: "collab";
5
6
  };
@@ -7,9 +8,7 @@ export declare const actionGoToCollaborator: {
7
8
  appState: Readonly<import("../types").AppState>;
8
9
  commitToHistory: false;
9
10
  };
10
- PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps & {
11
- isInHamburgerMenu: boolean;
12
- }) => JSX.Element;
11
+ PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
13
12
  } & {
14
13
  keyTest?: undefined;
15
14
  };