@dwelle/excalidraw 0.4.0-e1bdbb6 → 0.4.0-e587816

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 (240) hide show
  1. package/CHANGELOG.md +714 -0
  2. package/README.md +18 -1422
  3. package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js → vendor-d415b28e9024dee4bb1b.js} +2 -2
  4. package/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.js → vendor-a14cd58fa2db417e42b2.js} +6 -6
  5. package/dist/excalidraw.development.js +3257 -1444
  6. package/dist/excalidraw.production.min.js +1 -1
  7. package/dist/excalidraw.production.min.js.LICENSE.txt +20 -0
  8. package/main.js +1 -8
  9. package/package.json +9 -4
  10. package/types/actions/actionAddToLibrary.d.ts +124 -64
  11. package/types/actions/actionAlign.d.ts +33 -40
  12. package/types/actions/actionBoundText.d.ts +182 -25
  13. package/types/actions/actionCanvas.d.ts +754 -220
  14. package/types/actions/actionClipboard.d.ts +236 -115
  15. package/types/actions/actionDeleteSelected.d.ts +133 -72
  16. package/types/actions/actionDistribute.d.ts +11 -16
  17. package/types/actions/actionDuplicateSelection.d.ts +4 -7
  18. package/types/actions/actionElementLock.d.ts +271 -0
  19. package/types/actions/actionExport.d.ts +440 -277
  20. package/types/actions/actionFinalize.d.ts +85 -51
  21. package/types/actions/actionFlip.d.ts +8 -11
  22. package/types/actions/actionFrame.d.ts +423 -0
  23. package/types/actions/actionGroup.d.ts +252 -19
  24. package/types/actions/actionHistory.d.ts +1 -1
  25. package/types/actions/actionLinearEditor.d.ts +44 -24
  26. package/types/actions/actionMenu.d.ts +132 -79
  27. package/types/actions/actionNavigate.d.ts +2 -3
  28. package/types/actions/actionProperties.d.ts +569 -334
  29. package/types/actions/actionSelectAll.d.ts +123 -4
  30. package/types/actions/actionStyles.d.ts +46 -27
  31. package/types/actions/actionToggleGridMode.d.ts +46 -25
  32. package/types/actions/{actionToggleLock.d.ts → actionToggleObjectsSnapMode.d.ts} +56 -35
  33. package/types/actions/actionToggleStats.d.ts +45 -25
  34. package/types/actions/actionToggleViewMode.d.ts +46 -25
  35. package/types/actions/actionToggleZenMode.d.ts +46 -25
  36. package/types/actions/actionZindex.d.ts +16 -24
  37. package/types/actions/index.d.ts +2 -1
  38. package/types/actions/manager.d.ts +3 -2
  39. package/types/actions/shortcuts.d.ts +2 -1
  40. package/types/actions/types.d.ts +16 -13
  41. package/types/appState.d.ts +27 -28
  42. package/types/charts.d.ts +2 -2
  43. package/types/clients.d.ts +5 -6
  44. package/types/clipboard.d.ts +9 -3
  45. package/types/colors.d.ts +60 -5
  46. package/types/components/Actions.d.ts +7 -12
  47. package/types/components/ActiveConfirmDialog.d.ts +4 -0
  48. package/types/components/App.d.ts +102 -86
  49. package/types/components/Avatar.d.ts +1 -2
  50. package/types/components/BraveMeasureTextError.d.ts +2 -0
  51. package/types/components/Button.d.ts +16 -0
  52. package/types/components/ButtonIconSelect.d.ts +11 -3
  53. package/types/components/Card.d.ts +6 -0
  54. package/types/components/ColorPicker/ColorInput.d.ts +9 -0
  55. package/types/components/ColorPicker/ColorPicker.d.ts +19 -0
  56. package/types/components/ColorPicker/CustomColorList.d.ts +8 -0
  57. package/types/components/ColorPicker/HotkeyLabel.d.ts +8 -0
  58. package/types/components/ColorPicker/Picker.d.ts +18 -0
  59. package/types/components/ColorPicker/PickerColorList.d.ts +10 -0
  60. package/types/components/ColorPicker/PickerHeading.d.ts +5 -0
  61. package/types/components/ColorPicker/ShadeList.d.ts +8 -0
  62. package/types/components/ColorPicker/TopPicks.d.ts +9 -0
  63. package/types/components/ColorPicker/colorPickerUtils.d.ts +21 -0
  64. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +20 -0
  65. package/types/components/ContextMenu.d.ts +9 -22
  66. package/types/components/DefaultSidebar.d.ts +29 -0
  67. package/types/components/Dialog.d.ts +3 -4
  68. package/types/components/ErrorDialog.d.ts +3 -2
  69. package/types/components/ExcalidrawLogo.d.ts +15 -0
  70. package/types/components/EyeDropper.d.ts +28 -0
  71. package/types/components/FilledButton.d.ts +17 -0
  72. package/types/components/FixedSideContainer.d.ts +1 -1
  73. package/types/components/HandButton.d.ts +10 -0
  74. package/types/components/HelpButton.d.ts +1 -2
  75. package/types/components/HintViewer.d.ts +4 -5
  76. package/types/components/HomeButton.d.ts +1 -1
  77. package/types/components/ImageExportDialog.d.ts +8 -13
  78. package/types/components/Island.d.ts +1 -1
  79. package/types/components/JSONExportDialog.d.ts +7 -5
  80. package/types/components/LaserTool/LaserPathManager.d.ts +28 -0
  81. package/types/components/LaserTool/LaserPointerButton.d.ts +10 -0
  82. package/types/components/LaserTool/LaserTool.d.ts +7 -0
  83. package/types/components/LayerUI.d.ts +11 -19
  84. package/types/components/LibraryMenu.d.ts +13 -14
  85. package/types/components/LibraryMenuBrowseButton.d.ts +2 -2
  86. package/types/components/LibraryMenuControlButtons.d.ts +9 -0
  87. package/types/components/LibraryMenuHeaderContent.d.ts +10 -5
  88. package/types/components/LibraryMenuItems.d.ts +6 -7
  89. package/types/components/LibraryMenuSection.d.ts +22 -0
  90. package/types/components/LibraryUnit.d.ts +6 -3
  91. package/types/components/LoadingMessage.d.ts +0 -1
  92. package/types/components/LockButton.d.ts +1 -2
  93. package/types/components/MobileMenu.d.ts +9 -15
  94. package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts +17 -0
  95. package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts +17 -0
  96. package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts +22 -0
  97. package/types/components/PasteChartDialog.d.ts +4 -5
  98. package/types/components/PenModeButton.d.ts +1 -1
  99. package/types/components/Popover.d.ts +1 -1
  100. package/types/components/ProjectName.d.ts +2 -1
  101. package/types/components/PublishLibrary.d.ts +2 -2
  102. package/types/components/RadioGroup.d.ts +12 -0
  103. package/types/components/Section.d.ts +1 -1
  104. package/types/components/Sidebar/Sidebar.d.ts +66 -63
  105. package/types/components/Sidebar/SidebarHeader.d.ts +6 -19
  106. package/types/components/Sidebar/SidebarTab.d.ts +8 -0
  107. package/types/components/Sidebar/SidebarTabTrigger.d.ts +9 -0
  108. package/types/components/Sidebar/SidebarTabTriggers.d.ts +6 -0
  109. package/types/components/Sidebar/SidebarTabs.d.ts +6 -0
  110. package/types/components/Sidebar/SidebarTrigger.d.ts +6 -0
  111. package/types/components/Sidebar/common.d.ts +24 -7
  112. package/types/components/Spinner.d.ts +2 -1
  113. package/types/components/Stack.d.ts +4 -3
  114. package/types/components/Stats.d.ts +3 -3
  115. package/types/components/Switch.d.ts +9 -0
  116. package/types/components/ToolButton.d.ts +6 -5
  117. package/types/components/Tooltip.d.ts +1 -1
  118. package/types/components/Trans.d.ts +9 -0
  119. package/types/components/UserList.d.ts +0 -2
  120. package/types/components/canvases/InteractiveCanvas.d.ts +27 -0
  121. package/types/components/canvases/StaticCanvas.d.ts +18 -0
  122. package/types/components/canvases/index.d.ts +3 -0
  123. package/types/components/dropdownMenu/DropdownMenu.d.ts +70 -0
  124. package/types/components/dropdownMenu/DropdownMenuContent.d.ts +15 -0
  125. package/types/components/dropdownMenu/DropdownMenuGroup.d.ts +11 -0
  126. package/types/components/dropdownMenu/DropdownMenuItem.d.ts +13 -0
  127. package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts +6 -0
  128. package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts +7 -0
  129. package/types/components/dropdownMenu/DropdownMenuItemLink.d.ts +14 -0
  130. package/types/components/dropdownMenu/DropdownMenuSeparator.d.ts +5 -0
  131. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +10 -0
  132. package/types/components/dropdownMenu/common.d.ts +6 -0
  133. package/types/components/dropdownMenu/dropdownMenuUtils.d.ts +3 -0
  134. package/types/components/footer/Footer.d.ts +12 -0
  135. package/types/components/footer/FooterCenter.d.ts +8 -0
  136. package/types/components/hoc/withInternalFallback.d.ts +4 -0
  137. package/types/components/icons.d.ts +17 -2
  138. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +9 -0
  139. package/types/components/main-menu/DefaultItems.d.ts +47 -0
  140. package/types/components/main-menu/MainMenu.d.ts +64 -0
  141. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +57 -0
  142. package/types/components/welcome-screen/WelcomeScreen.Hints.d.ts +19 -0
  143. package/types/components/welcome-screen/WelcomeScreen.d.ts +84 -0
  144. package/types/constants.d.ts +105 -18
  145. package/types/context/tunnels.d.ts +19 -0
  146. package/types/context/ui-appState.d.ts +4 -0
  147. package/types/cursor.d.ts +5 -0
  148. package/types/data/blob.d.ts +5 -3
  149. package/types/data/encode.d.ts +1 -1
  150. package/types/data/filesystem.d.ts +2 -1
  151. package/types/data/index.d.ts +1 -1
  152. package/types/data/library.d.ts +3 -45
  153. package/types/data/restore.d.ts +10 -4
  154. package/types/data/transform.d.ts +73 -0
  155. package/types/data/types.d.ts +3 -5
  156. package/types/data/url.d.ts +7 -0
  157. package/types/element/Hyperlink.d.ts +57 -36
  158. package/types/element/binding.d.ts +4 -3
  159. package/types/element/bounds.d.ts +41 -10
  160. package/types/element/collision.d.ts +7 -7
  161. package/types/element/dragElements.d.ts +12 -2
  162. package/types/element/embeddable.d.ts +153 -0
  163. package/types/element/image.d.ts +11 -1
  164. package/types/element/index.d.ts +3 -2
  165. package/types/element/linearElementEditor.d.ts +77 -30
  166. package/types/element/mutateElement.d.ts +3 -2
  167. package/types/element/newElement.d.ts +48 -15
  168. package/types/element/resizeElements.d.ts +3 -3
  169. package/types/element/resizeTest.d.ts +2 -1
  170. package/types/element/showSelectedShapeActions.d.ts +2 -2
  171. package/types/element/sizeHelpers.d.ts +8 -1
  172. package/types/element/sortElements.d.ts +2 -0
  173. package/types/element/textElement.d.ts +57 -9
  174. package/types/element/textWysiwyg.d.ts +7 -2
  175. package/types/element/transformHandles.d.ts +15 -8
  176. package/types/element/typeChecks.d.ts +14 -2
  177. package/types/element/types.d.ts +66 -35
  178. package/types/emitter.d.ts +1 -2
  179. package/types/errors.d.ts +1 -1
  180. package/types/frame.d.ts +46 -0
  181. package/types/ga.d.ts +5 -5
  182. package/types/groups.d.ts +15 -11
  183. package/types/history.d.ts +3 -3
  184. package/types/hooks/useCreatePortalContainer.d.ts +4 -0
  185. package/types/hooks/useLibraryItemSvg.d.ts +11 -0
  186. package/types/hooks/useOutsideClick.d.ts +19 -2
  187. package/types/hooks/useScrollPosition.d.ts +1 -0
  188. package/types/hooks/useStable.d.ts +1 -0
  189. package/types/hooks/useTransition.d.ts +2 -0
  190. package/types/i18n.d.ts +11 -2
  191. package/types/jotai.d.ts +20 -108
  192. package/types/keys.d.ts +7 -4
  193. package/types/math.d.ts +7 -1
  194. package/types/packages/bbox.d.ts +11 -0
  195. package/types/packages/excalidraw/example/App.d.ts +7 -1
  196. package/types/packages/excalidraw/example/CustomFooter.d.ts +5 -0
  197. package/types/packages/excalidraw/example/MobileFooter.d.ts +5 -0
  198. package/types/packages/excalidraw/example/initialData.d.ts +182 -64
  199. package/types/packages/excalidraw/index.d.ts +22 -4
  200. package/types/packages/excalidraw/main.d.ts +3 -1
  201. package/types/packages/excalidraw/webpack.dev.config.d.ts +5 -2
  202. package/types/packages/excalidraw/webpack.prod.config.d.ts +3 -0
  203. package/types/packages/utils.d.ts +30 -24
  204. package/types/packages/withinBounds.d.ts +19 -0
  205. package/types/renderer/renderElement.d.ts +13 -22
  206. package/types/renderer/renderScene.d.ts +19 -29
  207. package/types/renderer/renderSnaps.d.ts +2 -0
  208. package/types/renderer/roundRect.d.ts +1 -1
  209. package/types/scene/Fonts.d.ts +21 -0
  210. package/types/scene/Renderer.d.ts +25 -0
  211. package/types/scene/Scene.d.ts +42 -5
  212. package/types/scene/Shape.d.ts +12 -0
  213. package/types/scene/ShapeCache.d.ts +20 -0
  214. package/types/scene/comparisons.d.ts +2 -4
  215. package/types/scene/export.d.ts +183 -10
  216. package/types/scene/index.d.ts +1 -1
  217. package/types/scene/scroll.d.ts +1 -1
  218. package/types/scene/scrollbars.d.ts +2 -6
  219. package/types/scene/selection.d.ts +27 -6
  220. package/types/scene/types.d.ts +70 -26
  221. package/types/snapping.d.ts +108 -0
  222. package/types/types.d.ts +227 -91
  223. package/types/utility-types.d.ts +24 -0
  224. package/types/utils.d.ts +75 -14
  225. package/types/zindex.d.ts +4 -4
  226. package/types/components/ActiveFile.d.ts +0 -7
  227. package/types/components/ClearCanvas.d.ts +0 -4
  228. package/types/components/CollabButton.d.ts +0 -6
  229. package/types/components/ColorPicker.d.ts +0 -14
  230. package/types/components/Footer.d.ts +0 -10
  231. package/types/components/LibraryButton.d.ts +0 -8
  232. package/types/components/MenuItem.d.ts +0 -11
  233. package/types/components/MenuUtils.d.ts +0 -1
  234. package/types/components/SingleLibraryItem.d.ts +0 -10
  235. package/types/components/WelcomeScreen.d.ts +0 -10
  236. package/types/components/WelcomeScreenDecor.d.ts +0 -6
  237. package/types/components/hoc/withUpstreamOverride.d.ts +0 -10
  238. /package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js.LICENSE.txt → vendor-d415b28e9024dee4bb1b.js.LICENSE.txt} +0 -0
  239. /package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.d.ts → vendor-d415b28e9024dee4bb1b.d.ts} +0 -0
  240. /package/types/packages/excalidraw/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.d.ts → vendor-a14cd58fa2db417e42b2.d.ts} +0 -0
@@ -1,16 +1,135 @@
1
- /// <reference types="react" />
2
1
  import { ExcalidrawElement } from "../element/types";
2
+ import { LinearElementEditor } from "../element/linearElementEditor";
3
3
  export declare const actionSelectAll: {
4
4
  name: "selectAll";
5
5
  trackEvent: {
6
6
  category: "canvas";
7
7
  };
8
8
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
9
- appState: import("../types").AppState;
9
+ appState: {
10
+ selectedLinearElement: LinearElementEditor | null;
11
+ selectedElementIds: Readonly<{
12
+ [id: string]: true;
13
+ }>;
14
+ selectedGroupIds: {
15
+ [groupId: string]: boolean;
16
+ };
17
+ editingGroupId: string | null;
18
+ contextMenu: {
19
+ items: import("../components/ContextMenu").ContextMenuItems;
20
+ top: number;
21
+ left: number;
22
+ } | null;
23
+ showWelcomeScreen: boolean;
24
+ isLoading: boolean;
25
+ errorMessage: import("react").ReactNode;
26
+ activeEmbeddable: {
27
+ element: import("../element/types").NonDeletedExcalidrawElement;
28
+ state: "active" | "hover";
29
+ } | null;
30
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
31
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
32
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
33
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
34
+ isBindingEnabled: boolean;
35
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
36
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
37
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
38
+ frameRendering: {
39
+ enabled: boolean;
40
+ name: boolean;
41
+ outline: boolean;
42
+ clip: boolean;
43
+ };
44
+ editingFrame: string | null;
45
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
46
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
47
+ editingLinearElement: LinearElementEditor | null;
48
+ activeTool: {
49
+ lastActiveTool: import("../types").ActiveTool | null;
50
+ locked: boolean;
51
+ } & import("../types").ActiveTool;
52
+ penMode: boolean;
53
+ penDetected: boolean;
54
+ exportBackground: boolean;
55
+ exportEmbedScene: boolean;
56
+ exportWithDarkMode: boolean;
57
+ exportScale: number;
58
+ currentItemStrokeColor: string;
59
+ currentItemBackgroundColor: string;
60
+ currentItemFillStyle: import("../element/types").FillStyle;
61
+ currentItemStrokeWidth: number;
62
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
63
+ currentItemRoughness: number;
64
+ currentItemOpacity: number;
65
+ currentItemFontFamily: number;
66
+ currentItemFontSize: number;
67
+ currentItemTextAlign: string;
68
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
69
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
70
+ currentItemRoundness: import("../element/types").StrokeRoundness;
71
+ viewBackgroundColor: string;
72
+ scrollX: number;
73
+ scrollY: number;
74
+ cursorButton: "up" | "down";
75
+ scrolledOutside: boolean;
76
+ name: string;
77
+ isResizing: boolean;
78
+ isRotating: boolean;
79
+ zoom: Readonly<{
80
+ value: import("../types").NormalizedZoomValue;
81
+ }>;
82
+ openMenu: "canvas" | "shape" | null;
83
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
84
+ openSidebar: {
85
+ name: string;
86
+ tab?: string | undefined;
87
+ } | null;
88
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
89
+ defaultSidebarDockedPreference: boolean;
90
+ lastPointerDownWith: import("../element/types").PointerType;
91
+ previousSelectedElementIds: {
92
+ [id: string]: true;
93
+ };
94
+ selectedElementsAreBeingDragged: boolean;
95
+ shouldCacheIgnoreZoom: boolean;
96
+ toast: {
97
+ message: string;
98
+ closable?: boolean | undefined;
99
+ duration?: number | undefined;
100
+ } | null;
101
+ zenModeEnabled: boolean;
102
+ theme: import("../element/types").Theme;
103
+ gridSize: number | null;
104
+ viewModeEnabled: boolean;
105
+ width: number;
106
+ height: number;
107
+ offsetTop: number;
108
+ offsetLeft: number;
109
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
110
+ collaborators: Map<string, import("../types").Collaborator>;
111
+ showStats: boolean;
112
+ currentChartType: import("../element/types").ChartType;
113
+ pasteDialog: {
114
+ shown: false;
115
+ data: null;
116
+ } | {
117
+ shown: true;
118
+ data: import("../charts").Spreadsheet;
119
+ };
120
+ pendingImageElementId: string | null;
121
+ showHyperlinkPopup: false | "editor" | "info";
122
+ snapLines: readonly import("../snapping").SnapLine[];
123
+ originSnapOffset: {
124
+ x: number;
125
+ y: number;
126
+ } | null;
127
+ objectsSnapModeEnabled: boolean;
128
+ };
10
129
  commitToHistory: true;
11
130
  };
12
131
  contextItemLabel: string;
13
- keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
132
+ keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
14
133
  } & {
15
- keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
134
+ keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
16
135
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare let copiedStyles: string;
3
2
  export declare const actionCopyStyles: {
4
3
  name: "copyStyles";
@@ -10,9 +9,18 @@ export declare const actionCopyStyles: {
10
9
  toast: {
11
10
  message: string;
12
11
  };
12
+ contextMenu: {
13
+ items: import("../components/ContextMenu").ContextMenuItems;
14
+ top: number;
15
+ left: number;
16
+ } | null;
13
17
  showWelcomeScreen: boolean;
14
18
  isLoading: boolean;
15
- errorMessage: string | null;
19
+ errorMessage: import("react").ReactNode;
20
+ activeEmbeddable: {
21
+ element: import("../element/types").NonDeletedExcalidrawElement;
22
+ state: "active" | "hover";
23
+ } | null;
16
24
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
17
25
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
18
26
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -20,19 +28,21 @@ export declare const actionCopyStyles: {
20
28
  isBindingEnabled: boolean;
21
29
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
22
30
  suggestedBindings: import("../element/binding").SuggestedBinding[];
31
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
32
+ frameRendering: {
33
+ enabled: boolean;
34
+ name: boolean;
35
+ outline: boolean;
36
+ clip: boolean;
37
+ };
38
+ editingFrame: string | null;
39
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
23
40
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
24
41
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
25
42
  activeTool: {
26
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
27
- lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
28
- locked: boolean;
29
- customType: null;
30
- } | {
31
- type: "custom";
32
- customType: string;
33
- lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
43
+ lastActiveTool: import("../types").ActiveTool | null;
34
44
  locked: boolean;
35
- };
45
+ } & import("../types").ActiveTool;
36
46
  penMode: boolean;
37
47
  penDetected: boolean;
38
48
  exportBackground: boolean;
@@ -49,10 +59,9 @@ export declare const actionCopyStyles: {
49
59
  currentItemFontFamily: number;
50
60
  currentItemFontSize: number;
51
61
  currentItemTextAlign: string;
52
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
53
62
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
54
63
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
55
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
64
+ currentItemRoundness: import("../element/types").StrokeRoundness;
56
65
  viewBackgroundColor: string;
57
66
  scrollX: number;
58
67
  scrollY: number;
@@ -65,20 +74,24 @@ export declare const actionCopyStyles: {
65
74
  value: import("../types").NormalizedZoomValue;
66
75
  }>;
67
76
  openMenu: "canvas" | "shape" | null;
68
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
69
- openSidebar: "library" | "customSidebar" | null;
70
- openDialog: "imageExport" | "help" | null;
71
- isSidebarDocked: boolean;
77
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
78
+ openSidebar: {
79
+ name: string;
80
+ tab?: string | undefined;
81
+ } | null;
82
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
83
+ defaultSidebarDockedPreference: boolean;
72
84
  lastPointerDownWith: import("../element/types").PointerType;
73
- selectedElementIds: {
74
- [id: string]: boolean;
75
- };
85
+ selectedElementIds: Readonly<{
86
+ [id: string]: true;
87
+ }>;
76
88
  previousSelectedElementIds: {
77
- [id: string]: boolean;
89
+ [id: string]: true;
78
90
  };
91
+ selectedElementsAreBeingDragged: boolean;
79
92
  shouldCacheIgnoreZoom: boolean;
80
93
  zenModeEnabled: boolean;
81
- theme: string;
94
+ theme: import("../element/types").Theme;
82
95
  gridSize: number | null;
83
96
  viewModeEnabled: boolean;
84
97
  selectedGroupIds: {
@@ -101,15 +114,21 @@ export declare const actionCopyStyles: {
101
114
  data: import("../charts").Spreadsheet;
102
115
  };
103
116
  pendingImageElementId: string | null;
104
- showHyperlinkPopup: false | "info" | "editor";
117
+ showHyperlinkPopup: false | "editor" | "info";
105
118
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
119
+ snapLines: readonly import("../snapping").SnapLine[];
120
+ originSnapOffset: {
121
+ x: number;
122
+ y: number;
123
+ } | null;
124
+ objectsSnapModeEnabled: boolean;
106
125
  };
107
126
  commitToHistory: false;
108
127
  };
109
128
  contextItemLabel: string;
110
- keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
129
+ keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
111
130
  } & {
112
- keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
131
+ keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
113
132
  };
114
133
  export declare const actionPasteStyles: {
115
134
  name: "pasteStyles";
@@ -124,7 +143,7 @@ export declare const actionPasteStyles: {
124
143
  commitToHistory: true;
125
144
  };
126
145
  contextItemLabel: string;
127
- keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
146
+ keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
128
147
  } & {
129
- keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
148
+ keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
130
149
  };
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
1
  import { AppState } from "../types";
3
2
  export declare const actionToggleGridMode: {
4
3
  name: "gridMode";
4
+ viewMode: true;
5
5
  trackEvent: {
6
6
  category: "canvas";
7
7
  predicate: (appState: Readonly<AppState>) => boolean;
@@ -9,9 +9,19 @@ export declare const actionToggleGridMode: {
9
9
  perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<AppState>): {
10
10
  appState: {
11
11
  gridSize: number | null;
12
+ objectsSnapModeEnabled: false;
13
+ contextMenu: {
14
+ items: import("../components/ContextMenu").ContextMenuItems;
15
+ top: number;
16
+ left: number;
17
+ } | null;
12
18
  showWelcomeScreen: boolean;
13
19
  isLoading: boolean;
14
- errorMessage: string | null;
20
+ errorMessage: import("react").ReactNode;
21
+ activeEmbeddable: {
22
+ element: import("../element/types").NonDeletedExcalidrawElement;
23
+ state: "active" | "hover";
24
+ } | null;
15
25
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
16
26
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
17
27
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -19,19 +29,21 @@ export declare const actionToggleGridMode: {
19
29
  isBindingEnabled: boolean;
20
30
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
21
31
  suggestedBindings: import("../element/binding").SuggestedBinding[];
32
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
33
+ frameRendering: {
34
+ enabled: boolean;
35
+ name: boolean;
36
+ outline: boolean;
37
+ clip: boolean;
38
+ };
39
+ editingFrame: string | null;
40
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
22
41
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
23
42
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
24
43
  activeTool: {
25
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
26
- lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
27
- locked: boolean;
28
- customType: null;
29
- } | {
30
- type: "custom";
31
- customType: string;
32
- lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
44
+ lastActiveTool: import("../types").ActiveTool | null;
33
45
  locked: boolean;
34
- };
46
+ } & import("../types").ActiveTool;
35
47
  penMode: boolean;
36
48
  penDetected: boolean;
37
49
  exportBackground: boolean;
@@ -48,10 +60,9 @@ export declare const actionToggleGridMode: {
48
60
  currentItemFontFamily: number;
49
61
  currentItemFontSize: number;
50
62
  currentItemTextAlign: string;
51
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
52
63
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
53
64
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
54
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
65
+ currentItemRoundness: import("../element/types").StrokeRoundness;
55
66
  viewBackgroundColor: string;
56
67
  scrollX: number;
57
68
  scrollY: number;
@@ -64,17 +75,21 @@ export declare const actionToggleGridMode: {
64
75
  value: import("../types").NormalizedZoomValue;
65
76
  }>;
66
77
  openMenu: "canvas" | "shape" | null;
67
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
68
- openSidebar: "library" | "customSidebar" | null;
69
- openDialog: "imageExport" | "help" | null;
70
- isSidebarDocked: boolean;
78
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
79
+ openSidebar: {
80
+ name: string;
81
+ tab?: string | undefined;
82
+ } | null;
83
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
84
+ defaultSidebarDockedPreference: boolean;
71
85
  lastPointerDownWith: import("../element/types").PointerType;
72
- selectedElementIds: {
73
- [id: string]: boolean;
74
- };
86
+ selectedElementIds: Readonly<{
87
+ [id: string]: true;
88
+ }>;
75
89
  previousSelectedElementIds: {
76
- [id: string]: boolean;
90
+ [id: string]: true;
77
91
  };
92
+ selectedElementsAreBeingDragged: boolean;
78
93
  shouldCacheIgnoreZoom: boolean;
79
94
  toast: {
80
95
  message: string;
@@ -82,7 +97,7 @@ export declare const actionToggleGridMode: {
82
97
  duration?: number | undefined;
83
98
  } | null;
84
99
  zenModeEnabled: boolean;
85
- theme: string;
100
+ theme: import("../element/types").Theme;
86
101
  viewModeEnabled: boolean;
87
102
  selectedGroupIds: {
88
103
  [groupId: string]: boolean;
@@ -104,14 +119,20 @@ export declare const actionToggleGridMode: {
104
119
  data: import("../charts").Spreadsheet;
105
120
  };
106
121
  pendingImageElementId: string | null;
107
- showHyperlinkPopup: false | "info" | "editor";
122
+ showHyperlinkPopup: false | "editor" | "info";
108
123
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
124
+ snapLines: readonly import("../snapping").SnapLine[];
125
+ originSnapOffset: {
126
+ x: number;
127
+ y: number;
128
+ } | null;
109
129
  };
110
130
  commitToHistory: false;
111
131
  };
112
132
  checked: (appState: AppState) => boolean;
133
+ predicate: (element: readonly import("../element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps) => boolean;
113
134
  contextItemLabel: string;
114
- keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
135
+ keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
115
136
  } & {
116
- keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
137
+ keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
117
138
  };
@@ -1,17 +1,26 @@
1
- /// <reference types="react" />
2
- import { ExcalidrawElement } from "../element/types";
3
- export declare const actionToggleLock: {
4
- name: "toggleLock";
1
+ export declare const actionToggleObjectsSnapMode: {
2
+ name: "objectsSnapMode";
3
+ viewMode: true;
5
4
  trackEvent: {
6
- category: "element";
5
+ category: "canvas";
6
+ predicate: (appState: Readonly<import("../types").AppState>) => boolean;
7
7
  };
8
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
9
- elements: ExcalidrawElement[];
8
+ perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
10
9
  appState: {
11
- selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
10
+ objectsSnapModeEnabled: boolean;
11
+ gridSize: 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
- errorMessage: string | null;
19
+ errorMessage: import("react").ReactNode;
20
+ activeEmbeddable: {
21
+ element: import("../element/types").NonDeletedExcalidrawElement;
22
+ state: "active" | "hover";
23
+ } | null;
15
24
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
16
25
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
17
26
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -19,19 +28,21 @@ export declare const actionToggleLock: {
19
28
  isBindingEnabled: boolean;
20
29
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
21
30
  suggestedBindings: import("../element/binding").SuggestedBinding[];
31
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
32
+ frameRendering: {
33
+ enabled: boolean;
34
+ name: boolean;
35
+ outline: boolean;
36
+ clip: boolean;
37
+ };
38
+ editingFrame: string | null;
39
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
22
40
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
23
41
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
24
42
  activeTool: {
25
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
26
- lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
27
- locked: boolean;
28
- customType: null;
29
- } | {
30
- type: "custom";
31
- customType: string;
32
- lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
43
+ lastActiveTool: import("../types").ActiveTool | null;
33
44
  locked: boolean;
34
- };
45
+ } & import("../types").ActiveTool;
35
46
  penMode: boolean;
36
47
  penDetected: boolean;
37
48
  exportBackground: boolean;
@@ -48,10 +59,9 @@ export declare const actionToggleLock: {
48
59
  currentItemFontFamily: number;
49
60
  currentItemFontSize: number;
50
61
  currentItemTextAlign: string;
51
- currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
52
62
  currentItemStartArrowhead: import("../element/types").Arrowhead | null;
53
63
  currentItemEndArrowhead: import("../element/types").Arrowhead | null;
54
- currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
64
+ currentItemRoundness: import("../element/types").StrokeRoundness;
55
65
  viewBackgroundColor: string;
56
66
  scrollX: number;
57
67
  scrollY: number;
@@ -64,17 +74,21 @@ export declare const actionToggleLock: {
64
74
  value: import("../types").NormalizedZoomValue;
65
75
  }>;
66
76
  openMenu: "canvas" | "shape" | null;
67
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
68
- openSidebar: "library" | "customSidebar" | null;
69
- openDialog: "imageExport" | "help" | null;
70
- isSidebarDocked: boolean;
77
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
78
+ openSidebar: {
79
+ name: string;
80
+ tab?: string | undefined;
81
+ } | null;
82
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
83
+ defaultSidebarDockedPreference: boolean;
71
84
  lastPointerDownWith: import("../element/types").PointerType;
72
- selectedElementIds: {
73
- [id: string]: boolean;
74
- };
85
+ selectedElementIds: Readonly<{
86
+ [id: string]: true;
87
+ }>;
75
88
  previousSelectedElementIds: {
76
- [id: string]: boolean;
89
+ [id: string]: true;
77
90
  };
91
+ selectedElementsAreBeingDragged: boolean;
78
92
  shouldCacheIgnoreZoom: boolean;
79
93
  toast: {
80
94
  message: string;
@@ -82,8 +96,7 @@ export declare const actionToggleLock: {
82
96
  duration?: number | undefined;
83
97
  } | null;
84
98
  zenModeEnabled: boolean;
85
- theme: string;
86
- gridSize: number | null;
99
+ theme: import("../element/types").Theme;
87
100
  viewModeEnabled: boolean;
88
101
  selectedGroupIds: {
89
102
  [groupId: string]: boolean;
@@ -105,12 +118,20 @@ export declare const actionToggleLock: {
105
118
  data: import("../charts").Spreadsheet;
106
119
  };
107
120
  pendingImageElementId: string | null;
108
- showHyperlinkPopup: false | "info" | "editor";
121
+ showHyperlinkPopup: false | "editor" | "info";
122
+ selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
123
+ snapLines: readonly import("../snapping").SnapLine[];
124
+ originSnapOffset: {
125
+ x: number;
126
+ y: number;
127
+ } | null;
109
128
  };
110
- commitToHistory: true;
129
+ commitToHistory: false;
111
130
  };
112
- contextItemLabel: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";
113
- keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[]) => boolean;
131
+ checked: (appState: Readonly<import("../types").AppState>) => boolean;
132
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
133
+ contextItemLabel: string;
134
+ keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
114
135
  } & {
115
- keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
136
+ keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
116
137
  };