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

package/types/actions/actionCanvas.d.ts

@@ -4,13 +4,12 @@ import { AppState, NormalizedZoomValue } from "../types";
 export declare const actionChangeViewBackgroundColor: {
     name: "changeViewBackgroundColor";
     trackEvent: false;
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
     perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         appState: any;
         commitToHistory: boolean;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -19,6 +18,7 @@ export declare const actionClearCanvas: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
@@ -38,23 +38,29 @@ export declare const actionClearCanvas: {
                 data: import("../charts").Spreadsheet;
             };
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             colorPalette: {
                 canvasBackground?: string[] | undefined;
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
             trayModeEnabled: boolean;
+            allowPinchZoom: boolean | undefined;
+            allowWheelZoom: boolean | undefined;
             name: string;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -95,7 +101,7 @@ export declare const actionClearCanvas: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -111,6 +117,7 @@ export declare const actionClearCanvas: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -126,9 +133,6 @@ export declare const actionClearCanvas: {
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -145,6 +149,11 @@ export declare const actionZoomIn: {
             zoom: {
                 value: NormalizedZoomValue;
             };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -158,16 +167,15 @@ export declare const actionZoomIn: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -196,7 +204,7 @@ export declare const actionZoomIn: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -214,6 +222,7 @@ export declare const actionZoomIn: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -243,13 +252,13 @@ export declare const actionZoomIn: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -267,6 +276,11 @@ export declare const actionZoomOut: {
             zoom: {
                 value: NormalizedZoomValue;
             };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -280,16 +294,15 @@ export declare const actionZoomOut: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -318,7 +331,7 @@ export declare const actionZoomOut: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -336,6 +349,7 @@ export declare const actionZoomOut: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -365,13 +379,13 @@ export declare const actionZoomOut: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -389,6 +403,11 @@ export declare const actionResetZoom: {
             zoom: {
                 value: NormalizedZoomValue;
             };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -402,16 +421,15 @@ export declare const actionResetZoom: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -440,7 +458,7 @@ export declare const actionResetZoom: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -458,6 +476,7 @@ export declare const actionResetZoom: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -487,13 +506,13 @@ export declare const actionResetZoom: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -505,6 +524,11 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         };
         scrollX: number;
         scrollY: number;
+        contextMenu: {
+            items: import("../components/ContextMenu").ContextMenuItems;
+            top: number;
+            left: number;
+        } | null;
         showWelcomeScreen: boolean;
         isLoading: boolean;
         errorMessage: string | null;
@@ -518,16 +542,15 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
         editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         activeTool: {
-            type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-            lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+            lastActiveTool: import("../types").LastActiveTool;
             locked: boolean;
+        } & ({
+            type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
             customType: null;
         } | {
             type: "custom";
             customType: string;
-            lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-            locked: boolean;
-        };
+        });
         penMode: boolean;
         penDetected: boolean;
         exportBackground: boolean;
@@ -556,7 +579,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         openMenu: "canvas" | "shape" | null;
         openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
         openSidebar: "library" | "customSidebar" | null;
-        openDialog: "imageExport" | "help" | null;
+        openDialog: "imageExport" | "help" | "jsonExport" | null;
         isSidebarDocked: boolean;
         lastPointerDownWith: import("../element/types").PointerType;
         selectedElementIds: {
@@ -574,6 +597,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         zenModeEnabled: boolean;
         theme: string;
         gridSize: number | null;
+        previousGridSize: number | null;
         viewModeEnabled: boolean;
         selectedGroupIds: {
             [groupId: string]: boolean;
@@ -603,6 +627,8 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
             elementBackground?: string[] | undefined;
             elementStroke?: string[] | undefined;
         };
+        allowWheelZoom?: boolean | undefined;
+        allowPinchZoom?: boolean | undefined;
         selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
     };
     commitToHistory: boolean;
@@ -619,6 +645,11 @@ export declare const actionZoomToSelected: {
             };
             scrollX: number;
             scrollY: number;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -632,16 +663,15 @@ export declare const actionZoomToSelected: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -670,7 +700,7 @@ export declare const actionZoomToSelected: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -688,6 +718,7 @@ export declare const actionZoomToSelected: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -717,6 +748,8 @@ export declare const actionZoomToSelected: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
@@ -738,6 +771,11 @@ export declare const actionZoomToFit: {
             };
             scrollX: number;
             scrollY: number;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -751,16 +789,15 @@ export declare const actionZoomToFit: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -789,7 +826,7 @@ export declare const actionZoomToFit: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -807,6 +844,7 @@ export declare const actionZoomToFit: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -836,6 +874,8 @@ export declare const actionZoomToFit: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
@@ -853,6 +893,11 @@ export declare const actionToggleTheme: {
     perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: import("../types").AppClassProperties) => {
         appState: {
             theme: any;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -866,16 +911,15 @@ export declare const actionToggleTheme: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -909,7 +953,7 @@ export declare const actionToggleTheme: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
@@ -926,6 +970,7 @@ export declare const actionToggleTheme: {
             } | null;
             zenModeEnabled: boolean;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -955,19 +1000,19 @@ export declare const actionToggleTheme: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
-export declare const actionErase: {
-    name: "eraser";
+export declare const actionToggleEraserTool: {
+    name: "toggleEraserTool";
     trackEvent: {
         category: "toolbar";
     };
@@ -976,16 +1021,141 @@ export declare const actionErase: {
             selectedElementIds: {};
             selectedGroupIds: {};
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
+            });
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: string | null;
+            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
+            isSidebarDocked: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            previousSelectedElementIds: {
+                [id: string]: boolean;
+            };
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: string;
+            gridSize: number | null;
+            previousGridSize: number | null;
+            viewModeEnabled: boolean;
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<string, import("../types").Collaborator>;
+            showStats: boolean;
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
             };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+        };
+        commitToHistory: true;
+    };
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionToggleHandTool: {
+    name: "toggleHandTool";
+    trackEvent: {
+        category: "toolbar";
+    };
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+        appState: {
+            selectedElementIds: {};
+            selectedGroupIds: {};
+            activeTool: {
+                lastActiveTool: import("../types").LastActiveTool;
+                locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
+                customType: null;
+            } | {
+                type: "custom";
+                customType: string;
+            });
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -1031,7 +1201,7 @@ export declare const actionErase: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {
@@ -1046,6 +1216,7 @@ export declare const actionErase: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             editingGroupId: string | null;
             width: number;
@@ -1072,14 +1243,13 @@ export declare const actionErase: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData, data }: import("./types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };