@excalidraw/excalidraw 0.17.1-1d71f84 → 0.17.1-1ed53b1

package/dist/excalidraw/actions/actionFrame.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const actionSelectAllElementsInFrame: {
     name: "selectAllElementsInFrame";
     label: string;
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
 } & {
@@ -22,165 +22,10 @@ export declare const actionRemoveAllElementsFromFrame: {
     trackEvent: {
         category: "history";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
-        appState: {
-            selectedElementIds: {
-                [x: string]: true;
-            };
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
-            } | 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[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-            } & import("../types").ActiveTool;
-            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: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "settings";
-                source: "settings" | "tool" | "generation";
-                tab: "text-to-diagram" | "diagram-to-code";
-            } | {
-                name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
-            } | {
-                name: "commandPalette";
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
-            gridSize: number | null;
-            viewModeEnabled: boolean;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("../types").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            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";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-        };
-        commitToHistory: true;
-    } | {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
 } & {
@@ -193,8 +38,8 @@ export declare const actionupdateFrameRendering: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             frameRendering: {
                 enabled: boolean;
@@ -347,7 +192,7 @@ export declare const actionupdateFrameRendering: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     checked: (appState: AppState) => boolean;
 } & {
@@ -361,8 +206,8 @@ export declare const actionSetFrameAsActiveTool: {
     };
     icon: JSX.Element;
     viewMode: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -515,9 +360,9 @@ export declare const actionSetFrameAsActiveTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/dist/excalidraw/actions/actionFrame.js

@@ -7,6 +7,7 @@ import { setCursorForShape } from "../cursor";
 import { register } from "./register";
 import { isFrameLikeElement } from "../element/typeChecks";
 import { frameToolIcon } from "../components/icons";
+import { StoreAction } from "../store";
 const isSingleFrameSelected = (appState, app) => {
     const selectedElements = app.scene.getSelectedElements(appState);
     return (selectedElements.length === 1 && isFrameLikeElement(selectedElements[0]));
@@ -28,13 +29,13 @@ export const actionSelectAllElementsInFrame = register({
                         return acc;
                     }, {}),
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.CAPTURE,
             };
         }
         return {
             elements,
             appState,
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     predicate: (elements, appState, _, app) => isSingleFrameSelected(appState, app),
@@ -54,13 +55,13 @@ export const actionRemoveAllElementsFromFrame = register({
                         [selectedElement.id]: true,
                     },
                 },
-                commitToHistory: true,
+                storeAction: StoreAction.CAPTURE,
             };
         }
         return {
             elements,
             appState,
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     predicate: (elements, appState, _, app) => isSingleFrameSelected(appState, app),
@@ -80,7 +81,7 @@ export const actionupdateFrameRendering = register({
                     enabled: !appState.frameRendering.enabled,
                 },
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     checked: (appState) => appState.frameRendering.enabled,
@@ -107,7 +108,7 @@ export const actionSetFrameAsActiveTool = register({
                     type: "frame",
                 }),
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     keyTest: (event) => !event[KEYS.CTRL_OR_CMD] &&

package/dist/excalidraw/actions/actionGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const actionGroup: {
     name: "group";
     label: string;
@@ -8,171 +8,16 @@ export declare const actionGroup: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: readonly ExcalidrawElement[];
-        commitToHistory: false;
-    } | {
-        appState: {
-            selectedElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
-            } | 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[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-            } & import("../types").ActiveTool;
-            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: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "settings";
-                source: "settings" | "tool" | "generation";
-                tab: "text-to-diagram" | "diagram-to-code";
-            } | {
-                name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
-            } | {
-                name: "commandPalette";
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
-            gridSize: number | null;
-            viewModeEnabled: boolean;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("../types").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            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";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-        };
-        elements: ExcalidrawElement[];
-        commitToHistory: true;
+        elements: readonly OrderedExcalidrawElement[];
+        storeAction: import("../store").StoreActionType;
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionUngroup: {
     name: "ungroup";
@@ -181,169 +26,14 @@ export declare const actionUngroup: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: readonly ExcalidrawElement[];
-        commitToHistory: false;
-    } | {
-        appState: {
-            selectedElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
-            } | 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[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-            } & import("../types").ActiveTool;
-            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: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "settings";
-                source: "settings" | "tool" | "generation";
-                tab: "text-to-diagram" | "diagram-to-code";
-            } | {
-                name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
-            } | {
-                name: "commandPalette";
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
-            gridSize: number | null;
-            viewModeEnabled: boolean;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("../types").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            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";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-        };
-        elements: ExcalidrawElement[];
-        commitToHistory: true;
+        elements: readonly OrderedExcalidrawElement[];
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };