@dwelle/excalidraw 0.3.54 → 0.3.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dwelle/excalidraw",
-  "version": "0.3.54",
+  "version": "0.3.57",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -50,7 +50,7 @@
     "babel-plugin-transform-class-properties": "6.24.1",
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
-    "mini-css-extract-plugin": "2.4.6",
+    "mini-css-extract-plugin": "2.6.0",
     "postcss-loader": "6.2.1",
     "sass-loader": "12.4.0",
     "terser-webpack-plugin": "5.3.1",

package/types/actions/actionAddToLibrary.d.ts

@@ -1,5 +1,8 @@
 export declare const actionAddToLibrary: {
     name: "addToLibrary";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<{
         commitToHistory: boolean;
         appState: {
@@ -15,8 +18,11 @@ export declare const actionAddToLibrary: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -100,8 +106,11 @@ export declare const actionAddToLibrary: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -186,8 +195,11 @@ export declare const actionAddToLibrary: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;

package/types/actions/actionAlign.d.ts

@@ -3,6 +3,9 @@ import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";
 export declare const actionAlignTop: {
     name: "alignTop";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
@@ -15,6 +18,9 @@ export declare const actionAlignTop: {
 };
 export declare const actionAlignBottom: {
     name: "alignBottom";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
@@ -27,6 +33,9 @@ export declare const actionAlignBottom: {
 };
 export declare const actionAlignLeft: {
     name: "alignLeft";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
@@ -39,6 +48,9 @@ export declare const actionAlignLeft: {
 };
 export declare const actionAlignRight: {
     name: "alignRight";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
@@ -51,6 +63,9 @@ export declare const actionAlignRight: {
 };
 export declare const actionAlignVerticallyCentered: {
     name: "alignVerticallyCentered";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
@@ -62,6 +77,9 @@ export declare const actionAlignVerticallyCentered: {
 };
 export declare const actionAlignHorizontallyCentered: {
     name: "alignHorizontallyCentered";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];

package/types/actions/actionBoundText.d.ts

@@ -0,0 +1,116 @@
+export declare const actionUnbindText: {
+    name: "unbindText";
+    contextItemLabel: string;
+    trackEvent: {
+        category: "element";
+    };
+    contextItemPredicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
+    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: readonly import("../element/types").ExcalidrawElement[];
+        appState: Readonly<import("../types").AppState>;
+        commitToHistory: true;
+    };
+} & {
+    keyTest?: undefined;
+};
+export declare const actionBindText: {
+    name: "bindText";
+    contextItemLabel: string;
+    trackEvent: {
+        category: "element";
+    };
+    contextItemPredicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
+    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: import("../element/types").ExcalidrawElement[];
+        appState: {
+            selectedElementIds: {
+                [x: string]: true;
+            };
+            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;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
+            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: import("../element/types").TextAlign;
+            currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            lastPointerDownWith: import("../element/types").PointerType;
+            previousSelectedElementIds: {
+                [id: string]: boolean;
+            };
+            shouldCacheIgnoreZoom: boolean;
+            showHelpDialog: boolean;
+            toastMessage: string | null;
+            zenModeEnabled: boolean;
+            theme: string;
+            gridSize: number | null;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            isLibraryOpen: boolean;
+            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;
+            };
+            pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
+        };
+        commitToHistory: true;
+    };
+} & {
+    keyTest?: undefined;
+};

package/types/actions/actionCanvas.d.ts

@@ -3,6 +3,7 @@ import { ExcalidrawElement } from "../element/types";
 import { AppState, NormalizedZoomValue } from "../types";
 export declare const actionChangeViewBackgroundColor: {
     name: "changeViewBackgroundColor";
+    trackEvent: false;
     perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         appState: any;
         commitToHistory: boolean;
@@ -13,12 +14,14 @@ export declare const actionChangeViewBackgroundColor: {
 };
 export declare const actionClearCanvas: {
     name: "clearCanvas";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             files: {};
             theme: string;
-            elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -32,7 +35,11 @@ export declare const actionClearCanvas: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "freedraw" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             scrollX: number;
             scrollY: number;
             viewBackgroundColor: string;
@@ -104,6 +111,9 @@ export declare const actionClearCanvas: {
 };
 export declare const actionZoomIn: {
     name: "zoomIn";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -122,8 +132,11 @@ export declare const actionZoomIn: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -198,6 +211,9 @@ export declare const actionZoomIn: {
 };
 export declare const actionZoomOut: {
     name: "zoomOut";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -216,8 +232,11 @@ export declare const actionZoomOut: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -292,6 +311,9 @@ export declare const actionZoomOut: {
 };
 export declare const actionResetZoom: {
     name: "resetZoom";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -310,8 +332,11 @@ export declare const actionResetZoom: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -386,6 +411,9 @@ export declare const actionResetZoom: {
 };
 export declare const actionZoomToSelected: {
     name: "zoomToSelection";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: {
             zoom: {
@@ -404,8 +432,11 @@ export declare const actionZoomToSelected: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -479,6 +510,9 @@ export declare const actionZoomToSelected: {
 };
 export declare const actionZoomToFit: {
     name: "zoomToFit";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: {
             zoom: {
@@ -497,8 +531,11 @@ export declare const actionZoomToFit: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -572,6 +609,9 @@ export declare const actionZoomToFit: {
 };
 export declare const actionToggleTheme: {
     name: "toggleTheme";
+    trackEvent: {
+        category: "canvas";
+    };
     perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         appState: {
             theme: any;
@@ -586,8 +626,11 @@ export declare const actionToggleTheme: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -666,11 +709,18 @@ export declare const actionToggleTheme: {
 };
 export declare const actionErase: {
     name: "eraser";
+    trackEvent: {
+        category: "toolbar";
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
-            elementType: "selection" | "eraser";
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -682,7 +732,6 @@ export declare const actionErase: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -749,8 +798,8 @@ export declare const actionErase: {
         };
         commitToHistory: true;
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
     PanelComponent: ({ elements, appState, updateData, data }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };

package/types/actions/actionClipboard.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export declare const actionCopy: {
     name: "copy";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
         commitToHistory: false;
     };
@@ -11,6 +14,9 @@ export declare const actionCopy: {
 };
 export declare const actionCut: {
     name: "cut";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, data: any, app: import("../types").AppClassProperties) => false | {
         elements: import("../element/types").ExcalidrawElement[];
         appState: {
@@ -25,8 +31,11 @@ export declare const actionCut: {
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -129,8 +138,11 @@ export declare const actionCut: {
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -205,7 +217,11 @@ export declare const actionCut: {
     } | {
         elements: import("../element/types").ExcalidrawElement[];
         appState: {
-            elementType: "selection";
+            activeTool: {
+                type: "selection";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             multiElement: null;
             selectedElementIds: {};
             isLoading: boolean;
@@ -218,7 +234,6 @@ export declare const actionCut: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -295,6 +310,9 @@ export declare const actionCut: {
 };
 export declare const actionCopyAsSvg: {
     name: "copyAsSvg";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _data: any, app: import("../types").AppClassProperties) => Promise<{
         commitToHistory: false;
         appState?: undefined;
@@ -311,8 +329,11 @@ export declare const actionCopyAsSvg: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -391,6 +412,9 @@ export declare const actionCopyAsSvg: {
 };
 export declare const actionCopyAsPng: {
     name: "copyAsPng";
+    trackEvent: {
+        category: "element";
+    };
     perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _data: any, app: import("../types").AppClassProperties) => Promise<{
         commitToHistory: false;
         appState?: undefined;
@@ -407,8 +431,11 @@ export declare const actionCopyAsPng: {
             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";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;

package/types/actions/actionDeleteSelected.d.ts

@@ -4,6 +4,10 @@ import { AppState } from "../types";
 import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionDeleteSelected: {
     name: "deleteSelectedElements";
+    trackEvent: {
+        category: "element";
+        action: string;
+    };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => false | {
         elements: ExcalidrawElement[];
         appState: {
@@ -18,8 +22,11 @@ export declare const actionDeleteSelected: {
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -122,8 +129,11 @@ export declare const actionDeleteSelected: {
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-            elementLocked: boolean;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -198,7 +208,11 @@ export declare const actionDeleteSelected: {
     } | {
         elements: ExcalidrawElement[];
         appState: {
-            elementType: "selection";
+            activeTool: {
+                type: "selection";
+                lastActiveToolBeforeEraser: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | null;
+                locked: boolean;
+            };
             multiElement: null;
             selectedElementIds: {};
             isLoading: boolean;
@@ -211,7 +225,6 @@ export declare const actionDeleteSelected: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
-            elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;