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

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,15 +6,16 @@ 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, }: {
+export declare const ShapesSwitcher: ({ canvas, elementType, setAppState, onImageAction, appState, }: {
     canvas: HTMLCanvasElement | null;
-    elementType: ExcalidrawElement["type"];
+    elementType: AppState["elementType"];
     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

@@ -4,10 +4,10 @@ import { ActionManager } from "../actions/manager";
 import { RestoredDataState } from "../data/restore";
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
-import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData } from "../types";
+import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, DeviceType } from "../types";
 import { ImportedDataState } from "../data/types";
 export declare let showFourthFont: boolean;
-export declare const useIsMobile: () => boolean;
+export declare const useDeviceType: () => DeviceType;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
     id: string | null;
@@ -17,7 +17,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>;
@@ -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;
@@ -81,6 +85,7 @@ declare class App extends React.Component<AppProps, AppState> {
     zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
     updateContainerSize: (containers: NonDeletedExcalidrawElement[]) => void;
     restore: (data: ImportedDataState) => RestoredDataState;
+    setTrayMode: (trayModeEnabled: boolean) => void;
     clearToast: () => void;
     setToastMessage: (toastMessage: string) => void;
     restoreFileFromShare: () => Promise<void>;
@@ -117,6 +122,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 +150,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/packages/excalidraw/index.d.ts

@@ -9,7 +9,11 @@ export default _default;
 export { getSceneVersion, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
 export { defaultLang, languages } from "../../i18n";
 export { restore, restoreAppState, restoreElements } from "../../data/restore";
-export { exportToCanvas, exportToBlob, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, getCommonBoundingBox, getMaximumGroups, intersectElementWithLine, determineFocusDistance, } from "../../packages/utils";
+export { exportToCanvas, exportToBlob, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, getCommonBoundingBox, //zsviczian
+getMaximumGroups, //zsviczian
+intersectElementWithLine, //zsviczian
+determineFocusDistance, //zsviczian
+measureText, } from "../../packages/utils";
 export { isLinearElement } from "../../element/typeChecks";
 export { FONT_FAMILY, THEME } from "../../constants";
 export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutateElement";

package/types/packages/utils.d.ts

@@ -26,3 +26,4 @@ export { getCommonBoundingBox } from "../element/bounds";
 export { getMaximumGroups } from "../groups";
 export { intersectElementWithLine } from "../element/collision";
 export { determineFocusDistance } from "../element/collision";
+export { measureText } from "../element/textElement";

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"];
@@ -350,5 +353,10 @@ export declare type ExcalidrawImperativeAPI = {
     sendToBack: (elements: readonly ExcalidrawElement[]) => void;
     bringToFront: (elements: readonly ExcalidrawElement[]) => void;
     restore: InstanceType<typeof App>["restore"];
+    setTrayMode: InstanceType<typeof App>["setTrayMode"];
+};
+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;