@dwelle/excalidraw 0.3.53 → 0.3.56

package/types/actions/actionProperties.d.ts

@@ -32,7 +32,9 @@ export declare const actionChangeFillStyle: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -126,7 +128,9 @@ export declare const actionChangeStrokeWidth: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -220,7 +224,9 @@ export declare const actionChangeSloppiness: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -314,7 +320,9 @@ export declare const actionChangeStrokeStyle: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -408,7 +416,9 @@ export declare const actionChangeOpacity: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -502,7 +512,9 @@ export declare const actionChangeFontSize: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -596,7 +608,9 @@ export declare const actionDecreaseFontSize: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -690,7 +704,9 @@ export declare const actionIncreaseFontSize: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -784,7 +800,9 @@ export declare const actionChangeFontFamily: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -878,7 +896,9 @@ export declare const actionChangeTextAlign: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -971,7 +991,9 @@ export declare const actionChangeVerticalAlign: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -1067,7 +1089,9 @@ export declare const actionChangeSharpness: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -1162,7 +1186,9 @@ export declare const actionChangeArrowhead: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/actions/actionStyles.d.ts

@@ -16,7 +16,9 @@ export declare const actionCopyStyles: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/actions/actionToggleGridMode.d.ts

@@ -16,7 +16,9 @@ export declare const actionToggleGridMode: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/actions/actionToggleStats.d.ts

@@ -15,7 +15,9 @@ export declare const actionToggleStats: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/actions/actionToggleViewMode.d.ts

@@ -15,7 +15,9 @@ export declare const actionToggleViewMode: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/actions/actionToggleZenMode.d.ts

@@ -15,7 +15,9 @@ export declare const actionToggleZenMode: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/actions/index.d.ts

@@ -18,5 +18,5 @@ export { actionCopy, actionCut, actionCopyAsPng, actionCopyAsSvg, } from "./acti
 export { actionToggleGridMode } from "./actionToggleGridMode";
 export { actionToggleZenMode } from "./actionToggleZenMode";
 export { actionToggleStats } from "./actionToggleStats";
-export { actionUnbindText } from "./actionUnbindText";
+export { actionUnbindText, actionBindText } from "./actionBoundText";
 export { actionLink } from "../element/Hyperlink";

package/types/actions/types.d.ts

@@ -14,7 +14,7 @@ export declare type ActionResult = {
 declare type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export declare type UpdaterFn = (res: ActionResult) => void;
 export declare type ActionFilterFn = (action: Action) => void;
-export declare type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToSelection" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeSharpness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "eraser";
+export declare type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToSelection" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeSharpness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "eraser" | "bindText";
 export declare type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

package/types/appState.d.ts

@@ -1,7 +1,9 @@
 import { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    elementType?: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | undefined;
+    activeTool?: {
+        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+    } | undefined;
     scrollX?: number | undefined;
     scrollY?: number | undefined;
     viewBackgroundColor?: string | undefined;
@@ -12,6 +14,8 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     theme?: string | undefined;
     name?: string | undefined;
     elementLocked?: boolean | undefined;
+    penMode?: boolean | undefined;
+    penDetected?: boolean | undefined;
     exportBackground?: boolean | undefined;
     exportEmbedScene?: boolean | undefined;
     exportWithDarkMode?: boolean | undefined;
@@ -57,6 +61,6 @@ export declare const clearAppStateForDatabase: (appState: Partial<AppState>) =>
     viewBackgroundColor?: string | undefined;
     gridSize?: number | null | undefined;
 };
-export declare const isEraserActive: ({ elementType, }: {
-    elementType: AppState["elementType"];
+export declare const isEraserActive: ({ activeTool, }: {
+    activeTool: AppState["activeTool"];
 }) => boolean;

package/types/components/Actions.d.ts

@@ -2,19 +2,20 @@ import React from "react";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement, PointerType } from "../element/types";
 import { AppState, Zoom } from "../types";
-export declare const SelectedShapeActions: ({ appState, elements, renderAction, elementType, }: {
+export declare const SelectedShapeActions: ({ appState, elements, renderAction, activeTool, }: {
     appState: AppState;
     elements: readonly ExcalidrawElement[];
     renderAction: ActionManager["renderAction"];
-    elementType: AppState["elementType"];
+    activeTool: AppState["activeTool"]["type"];
 }) => JSX.Element;
-export declare const ShapesSwitcher: ({ canvas, elementType, setAppState, onImageAction, }: {
+export declare const ShapesSwitcher: ({ canvas, activeTool, setAppState, onImageAction, appState, }: {
     canvas: HTMLCanvasElement | null;
-    elementType: AppState["elementType"];
+    activeTool: AppState["activeTool"];
     setAppState: React.Component<any, AppState>["setState"];
     onImageAction: (data: {
         pointerType: PointerType | null;
     }) => void;
+    appState: AppState;
 }) => JSX.Element;
 export declare const ZoomActions: ({ renderAction, zoom, }: {
     renderAction: ActionManager["renderAction"];

package/types/components/App.d.ts

@@ -3,8 +3,8 @@ import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
-import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData } from "../types";
-export declare const useIsMobile: () => boolean;
+import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, DeviceType } from "../types";
+export declare const useDeviceType: () => DeviceType;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
     id?: string | null | undefined;
@@ -14,7 +14,7 @@ declare class App extends React.Component<AppProps, AppState> {
     rc: RoughCanvas | null;
     unmounted: boolean;
     actionManager: ActionManager;
-    isMobile: boolean;
+    deviceType: DeviceType;
     detachIsMobileMqHandler?: () => void;
     private excalidrawContainerRef;
     static defaultProps: Partial<AppProps>;
@@ -95,7 +95,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private updateCurrentCursorPosition;
     private onKeyDown;
     private onKeyUp;
-    private selectShapeTool;
+    private setActiveTool;
     private onGestureStart;
     private onGestureChange;
     private onGestureEnd;
@@ -137,6 +137,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private onPointerMoveFromPointerDownHandler;
     private handlePointerMoveOverScrollbars;
     private onPointerUpFromPointerDownHandler;
+    private restoreReadyToEraseElements;
     private eraseElements;
     private initializeImage;
     /**

package/types/components/ToolButton.d.ts

@@ -38,6 +38,9 @@ declare type ToolButtonProps = (ToolButtonBaseProps & {
     onChange?(data: {
         pointerType: PointerType | null;
     }): void;
+    onPointerDown?(data: {
+        pointerType: PointerType;
+    }): void;
 });
 export declare const ToolButton: React.ForwardRefExoticComponent<ToolButtonProps & React.RefAttributes<unknown>>;
 export {};

package/types/constants.d.ts

@@ -139,3 +139,4 @@ export declare const VERTICAL_ALIGN: {
     MIDDLE: string;
     BOTTOM: string;
 };
+export declare const ELEMENT_READY_TO_ERASE_OPACITY = 20;

package/types/data/restore.d.ts

@@ -2,7 +2,7 @@ import { ExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles, LibraryItem } from "../types";
 import { ImportedDataState } from "./types";
 declare type RestoredAppState = Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
-export declare const AllowedExcalidrawElementTypes: Record<AppState["elementType"], boolean>;
+export declare const AllowedExcalidrawActiveTools: Record<AppState["activeTool"]["type"], boolean>;
 export declare type RestoredDataState = {
     elements: ExcalidrawElement[];
     appState: RestoredAppState;

package/types/element/Hyperlink.d.ts

@@ -30,7 +30,9 @@ export declare const actionLink: {
             suggestedBindings: import("./binding").SuggestedBinding[];
             editingElement: NonDeletedExcalidrawElement | null;
             editingLinearElement: import("./linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/element/dragElements.d.ts

@@ -2,4 +2,4 @@ import { NonDeletedExcalidrawElement } from "./types";
 import { AppState, PointerDownState } from "../types";
 export declare const dragSelectedElements: (pointerDownState: PointerDownState, selectedElements: NonDeletedExcalidrawElement[], pointerX: number, pointerY: number, lockDirection: boolean | undefined, distanceX: number | undefined, distanceY: number | undefined, appState: AppState) => void;
 export declare const getDragOffsetXY: (selectedElements: NonDeletedExcalidrawElement[], x: number, y: number) => [number, number];
-export declare const dragNewElement: (draggingElement: NonDeletedExcalidrawElement, elementType: AppState["elementType"], originX: number, originY: number, x: number, y: number, width: number, height: number, shouldMaintainAspectRatio: boolean, shouldResizeFromCenter: boolean, widthAspectRatio?: number | null | undefined) => void;
+export declare const dragNewElement: (draggingElement: NonDeletedExcalidrawElement, elementType: AppState["activeTool"]["type"], originX: number, originY: number, x: number, y: number, width: number, height: number, shouldMaintainAspectRatio: boolean, shouldResizeFromCenter: boolean, widthAspectRatio?: number | null | undefined) => void;

package/types/element/linearElementEditor.d.ts

@@ -96,7 +96,9 @@ export declare class LinearElementEditor {
             startBoundElement: NonDeleted<ExcalidrawBindableElement> | null;
             suggestedBindings: import("./binding").SuggestedBinding[];
             editingElement: import("./types").NonDeletedExcalidrawElement | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+            };
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/element/sizeHelpers.d.ts

@@ -1,9 +1,10 @@
 import { ExcalidrawElement } from "./types";
+import { AppState } from "../types";
 export declare const isInvisiblySmallElement: (element: ExcalidrawElement) => boolean;
 /**
  * Makes a perfect shape or diagonal/horizontal/vertical line
  */
-export declare const getPerfectElementSize: (elementType: string, width: number, height: number) => {
+export declare const getPerfectElementSize: (elementType: AppState["activeTool"]["type"], width: number, height: number) => {
     width: number;
     height: number;
 };

package/types/element/textElement.d.ts

@@ -1,7 +1,6 @@
 import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontString, NonDeletedExcalidrawElement } from "./types";
 import { MaybeTransformHandleType } from "./transformHandles";
-import { AppState } from "../types";
-export declare const redrawTextBoundingBox: (element: ExcalidrawTextElement, container: ExcalidrawElement | null, appState: AppState) => void;
+export declare const redrawTextBoundingBox: (element: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
 export declare const bindTextToShapeAfterDuplication: (sceneElements: ExcalidrawElement[], oldElements: ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
 export declare const handleBindTextResize: (element: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType) => void;
 export declare const measureText: (text: string, font: FontString, maxWidth?: number | null | undefined) => {

package/types/element/typeChecks.d.ts

@@ -7,9 +7,9 @@ export declare const isTextElement: (element: ExcalidrawElement | null) => eleme
 export declare const isFreeDrawElement: (element?: ExcalidrawElement | null | undefined) => element is ExcalidrawFreeDrawElement;
 export declare const isFreeDrawElementType: (elementType: ExcalidrawElement["type"]) => boolean;
 export declare const isLinearElement: (element?: ExcalidrawElement | null | undefined) => element is ExcalidrawLinearElement;
-export declare const isLinearElementType: (elementType: AppState["elementType"]) => boolean;
+export declare const isLinearElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
 export declare const isBindingElement: (element?: ExcalidrawElement | null | undefined) => element is ExcalidrawLinearElement;
-export declare const isBindingElementType: (elementType: AppState["elementType"]) => boolean;
+export declare const isBindingElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
 export declare const isBindableElement: (element: ExcalidrawElement | null) => element is ExcalidrawBindableElement;
 export declare const isTextBindableContainer: (element: ExcalidrawElement | null) => element is ExcalidrawTextContainer;
 export declare const isExcalidrawElement: (element: any) => boolean;

package/types/shapes.d.ts

@@ -14,7 +14,7 @@ export declare const SHAPES: readonly [{
 }, {
     readonly icon: JSX.Element;
     readonly value: "ellipse";
-    readonly key: "e";
+    readonly key: "o";
 }, {
     readonly icon: JSX.Element;
     readonly value: "arrow";

package/types/types.d.ts

@@ -54,7 +54,9 @@ export declare type AppState = {
     suggestedBindings: SuggestedBinding[];
     editingElement: NonDeletedExcalidrawElement | null;
     editingLinearElement: LinearElementEditor | null;
-    elementType: typeof SHAPES[number]["value"] | "eraser";
+    activeTool: {
+        type: typeof SHAPES[number]["value"] | "eraser";
+    };
     elementLocked: boolean;
     penMode: boolean;
     penDetected: boolean;
@@ -318,7 +320,10 @@ export declare type PointerDownState = Readonly<{
         hasOccurred: boolean;
     };
     elementIdsToErase: {
-        [key: ExcalidrawElement["id"]]: boolean;
+        [key: ExcalidrawElement["id"]]: {
+            opacity: ExcalidrawElement["opacity"];
+            erase: boolean;
+        };
     };
 }>;
 export declare type ExcalidrawImperativeAPI = {
@@ -341,4 +346,8 @@ export declare type ExcalidrawImperativeAPI = {
     id: string;
     app: InstanceType<typeof App>;
 };
+export declare type DeviceType = {
+    isMobile: boolean;
+    isTouchScreen: boolean;
+};
 export {};

package/types/utils.d.ts

@@ -1,6 +1,6 @@
 import { EVENT } from "./constants";
 import { FontFamilyValues, FontString } from "./element/types";
-import { Zoom } from "./types";
+import { AppState, Zoom } from "./types";
 export declare const setDateTimeForTests: (dateTime: string) => void;
 export declare const getDateTime: () => string;
 export declare const capitalizeString: (str: string) => string;
@@ -31,7 +31,8 @@ export declare const removeSelection: () => void;
 export declare const distance: (x: number, y: number) => number;
 export declare const resetCursor: (canvas: HTMLCanvasElement | null) => void;
 export declare const setCursor: (canvas: HTMLCanvasElement | null, cursor: string) => void;
-export declare const setCursorForShape: (canvas: HTMLCanvasElement | null, shape: string) => void;
+export declare const setEraserCursor: (canvas: HTMLCanvasElement | null, theme: AppState["theme"]) => void;
+export declare const setCursorForShape: (canvas: HTMLCanvasElement | null, appState: AppState) => void;
 export declare const isFullScreen: () => boolean;
 export declare const allowFullScreen: () => Promise<void>;
 export declare const exitFullScreen: () => Promise<void>;
@@ -116,3 +117,4 @@ export declare const isTestEnv: () => boolean;
 export declare const wrapEvent: <T extends Event>(name: EVENT, nativeEvent: T) => CustomEvent<{
     nativeEvent: T;
 }>;
+export declare const updateObject: <T extends Record<string, any>>(obj: T, updates: Partial<T>) => T;