@zsviczian/excalidraw 0.11.0-obsidian-4 → 0.11.0-obsidian-5

package/types/appState.d.ts

@@ -1,6 +1,7 @@
 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;
     scrollX?: number | undefined;
     scrollY?: number | undefined;
     viewBackgroundColor?: string | undefined;
@@ -10,7 +11,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     shouldCacheIgnoreZoom?: boolean | undefined;
     theme?: string | undefined;
     name?: string | undefined;
-    elementType?: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | undefined;
     elementLocked?: boolean | undefined;
     exportBackground?: boolean | undefined;
     exportEmbedScene?: boolean | undefined;
@@ -57,3 +57,6 @@ export declare const clearAppStateForDatabase: (appState: Partial<AppState>) =>
     viewBackgroundColor?: string | undefined;
     gridSize?: number | null | undefined;
 };
+export declare const isEraserActive: ({ elementType, }: {
+    elementType: AppState["elementType"];
+}) => boolean;

package/types/components/Actions.d.ts

@@ -6,11 +6,11 @@ export declare const SelectedShapeActions: ({ appState, elements, renderAction,
     appState: AppState;
     elements: readonly ExcalidrawElement[];
     renderAction: ActionManager["renderAction"];
-    elementType: ExcalidrawElement["type"];
+    elementType: AppState["elementType"];
 }) => JSX.Element;
 export declare const ShapesSwitcher: ({ canvas, elementType, setAppState, onImageAction, }: {
     canvas: HTMLCanvasElement | null;
-    elementType: ExcalidrawElement["type"];
+    elementType: AppState["elementType"];
     setAppState: React.Component<any, AppState>["setState"];
     onImageAction: (data: {
         pointerType: PointerType | null;

package/types/components/App.d.ts

@@ -35,6 +35,10 @@ declare class App extends React.Component<AppProps, AppState> {
     lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null;
     lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null;
     contextMenuOpen: boolean;
+    lastScenePointer: {
+        x: number;
+        y: number;
+    } | null;
     constructor(props: AppProps);
     private renderCanvas;
     render(): JSX.Element;
@@ -117,6 +121,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private getElementLinkAtPosition;
     private redirectToLink;
     private handleCanvasPointerMove;
+    private handleEraser;
     private handleTouchMove;
     private handleCanvasPointerDown;
     private handleCanvasPointerUp;
@@ -144,6 +149,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private onPointerMoveFromPointerDownHandler;
     private handlePointerMoveOverScrollbars;
     private onPointerUpFromPointerDownHandler;
+    private eraseElements;
     private initializeImage;
     /**
      * inserts image into elements array and rerenders

package/types/components/icons.d.ts

@@ -178,4 +178,5 @@ export declare const TextAlignMiddleIcon: React.MemoExoticComponent<({ theme }:
 }) => JSX.Element>;
 export declare const publishIcon: JSX.Element;
 export declare const editIcon: JSX.Element;
+export declare const eraser: JSX.Element;
 export {};

package/types/constants.d.ts

@@ -56,6 +56,8 @@ export declare const ENV: {
 };
 export declare const CLASSES: {
     SHAPE_ACTIONS_MENU: string;
+    SHAPE_ACTIONS_MOBILE_MENU: string;
+    MOBILE_TOOLBAR: string;
 };
 export declare const FONT_FAMILY: {
     Virgil: number;

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<ExcalidrawElement["type"], true>;
+export declare const AllowedExcalidrawElementTypes: Record<AppState["elementType"], boolean>;
 export declare type RestoredDataState = {
     elements: ExcalidrawElement[];
     appState: RestoredAppState;

package/types/element/Hyperlink.d.ts

@@ -30,7 +30,7 @@ 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";
+            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;

package/types/element/dragElements.d.ts

@@ -1,6 +1,5 @@
-import { SHAPES } from "../shapes";
 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: typeof SHAPES[number]["value"], 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["elementType"], 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,7 @@ 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";
+            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
             elementLocked: boolean;
             penMode: boolean;
             penDetected: boolean;
@@ -140,7 +140,7 @@ export declare class LinearElementEditor {
             };
             shouldCacheIgnoreZoom: boolean;
             showHelpDialog: boolean;
-            toastMessage: string | null;
+            toastMessage: string | null; /** @returns whether point was dragged */
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;

package/types/element/typeChecks.d.ts

@@ -1,3 +1,4 @@
+import { AppState } from "../types";
 import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawGenericElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer } from "./types";
 export declare const isGenericElement: (element: ExcalidrawElement | null) => element is ExcalidrawGenericElement;
 export declare const isInitializedImageElement: (element: ExcalidrawElement | null) => element is InitializedExcalidrawImageElement;
@@ -6,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: ExcalidrawElement["type"]) => boolean;
+export declare const isLinearElementType: (elementType: AppState["elementType"]) => boolean;
 export declare const isBindingElement: (element?: ExcalidrawElement | null | undefined) => element is ExcalidrawLinearElement;
-export declare const isBindingElementType: (elementType: ExcalidrawElement["type"]) => boolean;
+export declare const isBindingElementType: (elementType: AppState["elementType"]) => 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/types.d.ts

@@ -53,7 +53,7 @@ export declare type AppState = {
     suggestedBindings: SuggestedBinding[];
     editingElement: NonDeletedExcalidrawElement | null;
     editingLinearElement: LinearElementEditor | null;
-    elementType: typeof SHAPES[number]["value"];
+    elementType: typeof SHAPES[number]["value"] | "eraser";
     elementLocked: boolean;
     penMode: boolean;
     penDetected: boolean;
@@ -322,6 +322,9 @@ export declare type PointerDownState = Readonly<{
     boxSelection: {
         hasOccurred: boolean;
     };
+    elementIdsToErase: {
+        [key: ExcalidrawElement["id"]]: boolean;
+    };
 }>;
 export declare type ExcalidrawImperativeAPI = {
     updateScene: InstanceType<typeof App>["updateScene"];