@dwelle/excalidraw 0.3.78 → 0.12.0-fork

package/types/actions/actionProperties.d.ts

@@ -5,7 +5,7 @@ export declare const actionChangeStrokeColor: {
     name: "changeStrokeColor";
     trackEvent: false;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -13,7 +13,7 @@ export declare const actionChangeBackgroundColor: {
     name: "changeBackgroundColor";
     trackEvent: false;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -119,11 +119,10 @@ export declare const actionChangeFillStyle: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -229,11 +228,10 @@ export declare const actionChangeStrokeWidth: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -339,11 +337,10 @@ export declare const actionChangeSloppiness: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -449,11 +446,10 @@ export declare const actionChangeStrokeStyle: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -559,11 +555,10 @@ export declare const actionChangeOpacity: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -669,11 +664,10 @@ export declare const actionChangeFontSize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -779,7 +773,6 @@ export declare const actionDecreaseFontSize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -889,7 +882,6 @@ export declare const actionIncreaseFontSize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -999,11 +991,10 @@ export declare const actionChangeFontFamily: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1109,11 +1100,10 @@ export declare const actionChangeTextAlign: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1221,11 +1211,10 @@ export declare const actionChangeVerticalAlign: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1331,11 +1320,10 @@ export declare const actionChangeSharpness: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1444,11 +1432,10 @@ export declare const actionChangeArrowhead: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

package/types/actions/actionSelectAll.d.ts

@@ -5,7 +5,7 @@ export declare const actionSelectAll: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
         appState: import("../types").AppState;
         commitToHistory: true;
     };

package/types/actions/actionStyles.d.ts

@@ -101,7 +101,6 @@ export declare const actionCopyStyles: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleGridMode.d.ts

@@ -104,7 +104,6 @@ export declare const actionToggleGridMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleLock.d.ts

@@ -7,105 +7,7 @@ export declare const actionToggleLock: {
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
         elements: ExcalidrawElement[];
-        appState: {
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            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: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-                customType: null;
-            } | {
-                type: "custom";
-                customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                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;
-            selectedElementIds: {
-                [id: string]: boolean;
-            };
-            previousSelectedElementIds: {
-                [id: string]: boolean;
-            };
-            shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | 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;
-            isLibraryMenuDocked: 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;
-            };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
-        };
+        appState: Readonly<import("../types").AppState>;
         commitToHistory: true;
     };
     contextItemLabel: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";

package/types/actions/actionToggleStats.d.ts

@@ -102,7 +102,6 @@ export declare const actionToggleStats: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleViewMode.d.ts

@@ -103,7 +103,6 @@ export declare const actionToggleViewMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleZenMode.d.ts

@@ -103,7 +103,6 @@ export declare const actionToggleZenMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionZindex.d.ts

@@ -12,7 +12,7 @@ export declare const actionSendBackward: {
     contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -29,7 +29,7 @@ export declare const actionBringForward: {
     contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -45,7 +45,7 @@ export declare const actionSendToBack: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -61,7 +61,7 @@ export declare const actionBringToFront: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/appState.d.ts

@@ -61,7 +61,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     isLibraryMenuDocked?: boolean | undefined;
     showStats?: boolean | undefined;
     currentChartType?: import("./element/types").ChartType | undefined;
-    selectedLinearElement?: import("./element/linearElementEditor").LinearElementEditor | null | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;

package/types/components/ActiveFile.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./ActiveFile.scss";
 declare type ActiveFileProps = {
     fileName?: string;

package/types/components/App.d.ts

@@ -1,13 +1,11 @@
 import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
-import { LinearElementEditor } from "../element/linearElementEditor";
-import { ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement } from "../element/types";
+import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
 import Scene from "../scene/Scene";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device } from "../types";
 import { FileSystemHandle } from "../data/filesystem";
-import { Emitter } from "../emitter";
 export declare const useDevice: () => Readonly<{
     isSmScreen: boolean;
     isMobile: boolean;
@@ -16,7 +14,7 @@ export declare const useDevice: () => Readonly<{
 }>;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
-    id?: string | null | undefined;
+    id: string | null;
 };
 declare class App extends React.Component<AppProps, AppState> {
     canvas: AppClassProperties["canvas"];
@@ -45,163 +43,6 @@ declare class App extends React.Component<AppProps, AppState> {
         x: number;
         y: number;
     } | null;
-    onChangeEmitter: Emitter<[elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles]>;
-    onPointerDownEmitter: Emitter<[activeTool: {
-        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-        lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-        locked: boolean;
-        customType: null;
-    } | {
-        type: "custom";
-        customType: string;
-        lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-        locked: boolean;
-    }, pointerDownState: Readonly<{
-        origin: Readonly<{
-            x: number;
-            y: number;
-        }>;
-        originInGrid: Readonly<{
-            x: number;
-            y: number;
-        }>;
-        scrollbars: {
-            isOverEither: boolean;
-            isOverHorizontal: boolean;
-            isOverVertical: boolean;
-        };
-        lastCoords: {
-            x: number;
-            y: number;
-        };
-        originalElements: Map<string, NonDeleted<ExcalidrawElement>>;
-        resize: {
-            handleType: import("../element/transformHandles").MaybeTransformHandleType;
-            isResizing: boolean;
-            offset: {
-                x: number;
-                y: number;
-            };
-            arrowDirection: "end" | "origin";
-            center: {
-                x: number;
-                y: number;
-            };
-        };
-        hit: {
-            element: NonDeleted<ExcalidrawElement> | null;
-            allHitElements: NonDeleted<ExcalidrawElement>[];
-            wasAddedToSelection: boolean;
-            hasBeenDuplicated: boolean;
-            hasHitCommonBoundingBoxOfSelectedElements: boolean;
-            hasHitElementInside: boolean;
-        };
-        withCmdOrCtrl: boolean;
-        drag: {
-            hasOccurred: boolean;
-            offset: {
-                x: number;
-                y: number;
-            } | null;
-        };
-        eventListeners: {
-            onMove: {
-                (...args: any[]): void;
-                flush(): void;
-                cancel(): void;
-            } | null;
-            onUp: ((event: PointerEvent) => void) | null;
-            onKeyDown: ((event: KeyboardEvent) => void) | null;
-            onKeyUp: ((event: KeyboardEvent) => void) | null;
-        };
-        boxSelection: {
-            hasOccurred: boolean;
-        };
-        elementIdsToErase: {
-            [key: string]: {
-                opacity: number;
-                erase: boolean;
-            };
-        };
-    }>, event: React.PointerEvent<HTMLCanvasElement>]>;
-    onPointerUpEmitter: Emitter<[activeTool: {
-        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-        lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-        locked: boolean;
-        customType: null;
-    } | {
-        type: "custom";
-        customType: string;
-        lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-        locked: boolean;
-    }, pointerDownState: Readonly<{
-        origin: Readonly<{
-            x: number;
-            y: number;
-        }>;
-        originInGrid: Readonly<{
-            x: number;
-            y: number;
-        }>;
-        scrollbars: {
-            isOverEither: boolean;
-            isOverHorizontal: boolean;
-            isOverVertical: boolean;
-        };
-        lastCoords: {
-            x: number;
-            y: number;
-        };
-        originalElements: Map<string, NonDeleted<ExcalidrawElement>>;
-        resize: {
-            handleType: import("../element/transformHandles").MaybeTransformHandleType;
-            isResizing: boolean;
-            offset: {
-                x: number;
-                y: number;
-            };
-            arrowDirection: "end" | "origin";
-            center: {
-                x: number;
-                y: number;
-            };
-        };
-        hit: {
-            element: NonDeleted<ExcalidrawElement> | null;
-            allHitElements: NonDeleted<ExcalidrawElement>[];
-            wasAddedToSelection: boolean;
-            hasBeenDuplicated: boolean;
-            hasHitCommonBoundingBoxOfSelectedElements: boolean;
-            hasHitElementInside: boolean;
-        };
-        withCmdOrCtrl: boolean;
-        drag: {
-            hasOccurred: boolean;
-            offset: {
-                x: number;
-                y: number;
-            } | null;
-        };
-        eventListeners: {
-            onMove: {
-                (...args: any[]): void;
-                flush(): void;
-                cancel(): void;
-            } | null;
-            onUp: ((event: PointerEvent) => void) | null;
-            onKeyDown: ((event: KeyboardEvent) => void) | null;
-            onKeyUp: ((event: KeyboardEvent) => void) | null;
-        };
-        boxSelection: {
-            hasOccurred: boolean;
-        };
-        elementIdsToErase: {
-            [key: string]: {
-                opacity: number;
-                erase: boolean;
-            };
-        };
-    }>, event: PointerEvent]>;
     constructor(props: AppProps);
     private renderCanvas;
     render(): JSX.Element;
@@ -223,6 +64,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private refreshDeviceState;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): void;
+    private checkIfBrowserZoomed;
     private onResize;
     private removeEventListeners;
     private addEventListeners;
@@ -287,7 +129,6 @@ declare class App extends React.Component<AppProps, AppState> {
     private handleCanvasPointerMove;
     private handleEraser;
     private handleTouchMove;
-    handleHoverSelectedLinearElement(linearElementEditor: LinearElementEditor, scenePointerX: number, scenePointerY: number): void;
     private handleCanvasPointerDown;
     private handleCanvasPointerUp;
     private maybeOpenContextMenuAfterPointerDownOnTouchDevices;

package/types/components/ButtonIconSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ButtonIconSelect: <T extends Object>({ options, value, onChange, group, }: {
     options: {
         value: T;

package/types/components/Card.d.ts

@@ -3,5 +3,4 @@ import OpenColor from "open-color";
 import "./Card.scss";
 export declare const Card: React.FC<{
     color: keyof OpenColor | "primary";
-    children?: React.ReactNode;
 }>;

package/types/components/CheckboxItem.d.ts

@@ -4,5 +4,4 @@ export declare const CheckboxItem: React.FC<{
     checked: boolean;
     onChange: (checked: boolean, event: React.MouseEvent) => void;
     className?: string;
-    children?: React.ReactNode;
 }>;

package/types/components/ClearCanvas.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const ClearCanvas: ({ onConfirm }: {
     onConfirm: () => void;
 }) => JSX.Element;

package/types/components/CollabButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./CollabButton.scss";
 declare const CollabButton: ({ isCollaborating, collaboratorCount, onClick, }: {
     isCollaborating: boolean;

package/types/components/ColorPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./ColorPicker.scss";
 import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";

package/types/components/ConfirmDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DialogProps } from "./Dialog";
 import "./ConfirmDialog.scss";
 interface Props extends Omit<DialogProps, "onCloseRequest"> {

package/types/components/DarkModeToggle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./ToolIcon.scss";
 import { Theme } from "../element/types";
 export declare const DarkModeToggle: (props: {

package/types/components/ErrorDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ErrorDialog: ({ message, onClose, }: {
     message: string;
     onClose?: (() => void) | undefined;

package/types/components/HelpDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./HelpDialog.scss";
 export declare const HelpDialog: ({ onClose }: {
     onClose?: (() => void) | undefined;

package/types/components/HelpIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type HelpIconProps = {
     title?: string;
     name?: string;