@dwelle/excalidraw 0.5.0-da1c822 → 0.5.0-e56eec7

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

@@ -4,8 +4,8 @@ export declare const actionAddToLibrary: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: boolean;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: import("../store").StoreActionType;
         appState: {
             toast: {
                 message: string;
@@ -157,7 +157,7 @@ export declare const actionAddToLibrary: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState: {
             errorMessage: any;
             contextMenu: {
@@ -311,7 +311,7 @@ export declare const actionAddToLibrary: {
             followedBy: Set<import("../types").SocketId>;
         };
     }> | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState: {
             errorMessage: string;
             contextMenu: {

package/dist/excalidraw/actions/actionAddToLibrary.js

@@ -3,6 +3,7 @@ import { deepCopyElement } from "../element/newElement";
 import { randomId } from "../random";
 import { t } from "../i18n";
 import { LIBRARY_DISABLED_TYPES } from "../constants";
+import { StoreAction } from "../store";
 export const actionAddToLibrary = register({
     name: "addToLibrary",
     trackEvent: { category: "element" },
@@ -15,7 +16,7 @@ export const actionAddToLibrary = register({
         for (const type of LIBRARY_DISABLED_TYPES) {
             if (selectedElements.some((element) => element.type === type)) {
                 return {
-                    commitToHistory: false,
+                    storeAction: StoreAction.NONE,
                     appState: {
                         ...appState,
                         errorMessage: t(`errors.libraryElementTypeError.${type}`),
@@ -38,7 +39,7 @@ export const actionAddToLibrary = register({
         })
             .then(() => {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     toast: { message: t("toast.addedToLibrary") },
@@ -47,7 +48,7 @@ export const actionAddToLibrary = register({
         })
             .catch((error) => {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: error.message,

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

@@ -9,15 +9,15 @@ export declare const actionAlignTop: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    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 actionAlignBottom: {
     name: "alignBottom";
@@ -27,15 +27,15 @@ export declare const actionAlignBottom: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    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 actionAlignLeft: {
     name: "alignLeft";
@@ -45,15 +45,15 @@ export declare const actionAlignLeft: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    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 actionAlignRight: {
     name: "alignRight";
@@ -63,15 +63,15 @@ export declare const actionAlignRight: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    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 actionAlignVerticallyCentered: {
     name: "alignVerticallyCentered";
@@ -81,10 +81,10 @@ export declare const actionAlignVerticallyCentered: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -98,10 +98,10 @@ export declare const actionAlignHorizontallyCentered: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {

package/dist/excalidraw/actions/actionAlign.js

@@ -8,6 +8,7 @@ import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { KEYS } from "../keys";
 import { isSomeElementSelected } from "../scene";
+import { StoreAction } from "../store";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 const alignActionsPredicate = (elements, appState, _, app) => {
@@ -36,7 +37,7 @@ export const actionAlignTop = register({
                 position: "start",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_UP,
@@ -55,7 +56,7 @@ export const actionAlignBottom = register({
                 position: "end",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_DOWN,
@@ -74,7 +75,7 @@ export const actionAlignLeft = register({
                 position: "start",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_LEFT,
@@ -93,7 +94,7 @@ export const actionAlignRight = register({
                 position: "end",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_RIGHT,
@@ -112,7 +113,7 @@ export const actionAlignVerticallyCentered = register({
                 position: "center",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => (_jsx(ToolButton, { hidden: !alignActionsPredicate(elements, appState, null, app), type: "button", icon: CenterVerticallyIcon, onClick: () => updateData(null), title: t("labels.centerVertically"), "aria-label": t("labels.centerVertically"), visible: isSomeElementSelected(getNonDeletedElements(elements), appState) })),
@@ -130,7 +131,7 @@ export const actionAlignHorizontallyCentered = register({
                 position: "center",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => (_jsx(ToolButton, { hidden: !alignActionsPredicate(elements, appState, null, app), type: "button", icon: CenterHorizontallyIcon, onClick: () => updateData(null), title: t("labels.centerHorizontally"), "aria-label": t("labels.centerHorizontally"), visible: isSomeElementSelected(getNonDeletedElements(elements), appState) })),

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

@@ -9,10 +9,10 @@ export declare const actionUnbindText: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;
@@ -24,7 +24,7 @@ export declare const actionBindText: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             selectedElementIds: {
@@ -178,7 +178,7 @@ export declare const actionBindText: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;
@@ -190,7 +190,7 @@ export declare const actionWrapTextInContainer: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: readonly ExcalidrawElement[];
         appState: {
             selectedElementIds: Mutable<Readonly<{
@@ -344,7 +344,7 @@ export declare const actionWrapTextInContainer: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;

package/dist/excalidraw/actions/actionBoundText.js

@@ -4,8 +4,10 @@ import { mutateElement } from "../element/mutateElement";
 import { computeBoundTextPosition, computeContainerDimensionForBoundText, getBoundTextElement, measureText, redrawTextBoundingBox, } from "../element/textElement";
 import { getOriginalContainerHeightFromCache, resetOriginalContainerCache, updateOriginalContainerCache, } from "../element/containerCache";
 import { hasBoundTextElement, isTextBindableContainer, isUsingAdaptiveRadius, } from "../element/typeChecks";
-import { getFontString } from "../utils";
+import { arrayToMap, getFontString } from "../utils";
 import { register } from "./register";
+import { syncMovedIndices } from "../fractionalIndex";
+import { StoreAction } from "../store";
 export const actionUnbindText = register({
     name: "unbindText",
     label: "labels.unbindText",
@@ -43,7 +45,7 @@ export const actionUnbindText = register({
         return {
             elements,
             appState,
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });
@@ -103,7 +105,7 @@ export const actionBindText = register({
         return {
             elements: pushTextAboveContainer(elements, container, textElement),
             appState: { ...appState, selectedElementIds: { [container.id]: true } },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });
@@ -113,6 +115,7 @@ const pushTextAboveContainer = (elements, container, textElement) => {
     updatedElements.splice(textElementIndex, 1);
     const containerIndex = updatedElements.findIndex((ele) => ele.id === container.id);
     updatedElements.splice(containerIndex + 1, 0, textElement);
+    syncMovedIndices(updatedElements, arrayToMap([container, textElement]));
     return updatedElements;
 };
 const pushContainerBelowText = (elements, container, textElement) => {
@@ -121,6 +124,7 @@ const pushContainerBelowText = (elements, container, textElement) => {
     updatedElements.splice(containerIndex, 1);
     const textElementIndex = updatedElements.findIndex((ele) => ele.id === textElement.id);
     updatedElements.splice(textElementIndex, 0, container);
+    syncMovedIndices(updatedElements, arrayToMap([container, textElement]));
     return updatedElements;
 };
 export const actionWrapTextInContainer = register({
@@ -207,7 +211,7 @@ export const actionWrapTextInContainer = register({
                 ...appState,
                 selectedElementIds: containerIds,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });

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

@@ -8,9 +8,9 @@ export declare const actionChangeViewBackgroundColor: {
     paletteName: string;
     trackEvent: false;
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (_: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         appState: any;
-        commitToHistory: boolean;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -25,8 +25,8 @@ export declare const actionClearCanvas: {
         category: "canvas";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
             files: {};
             theme: import("../element/types").Theme;
@@ -47,6 +47,10 @@ export declare const actionClearCanvas: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
             } & import("../types").ActiveTool;
+            viewModeEnabled: boolean;
+            zenModeEnabled: boolean;
+            objectsSnapModeEnabled: boolean;
+            name: string | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -97,7 +101,6 @@ export declare const actionClearCanvas: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -136,8 +139,6 @@ export declare const actionClearCanvas: {
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
-            zenModeEnabled: boolean;
-            viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -172,11 +173,10 @@ export declare const actionClearCanvas: {
                 x: number;
                 y: number;
             } | null;
-            objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;
@@ -189,7 +189,7 @@ export declare const actionZoomIn: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -342,12 +342,12 @@ export declare const actionZoomIn: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    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;
 };
 export declare const actionZoomOut: {
     name: "zoomOut";
@@ -357,7 +357,7 @@ export declare const actionZoomOut: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -510,12 +510,12 @@ export declare const actionZoomOut: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    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;
 };
 export declare const actionResetZoom: {
     name: "resetZoom";
@@ -525,7 +525,7 @@ export declare const actionResetZoom: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -678,12 +678,12 @@ export declare const actionResetZoom: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
-    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;
 };
 export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewportZoomFactor, }: {
     bounds: SceneBounds;
@@ -845,7 +845,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewpo
         userToFollow: import("../types").UserToFollow | null;
         followedBy: Set<import("../types").SocketId>;
     };
-    commitToHistory: boolean;
+    storeAction: import("../store").StoreActionType;
 };
 export declare const zoomToFit: ({ targetElements, appState, fitToViewport, viewportZoomFactor, }: {
     targetElements: readonly ExcalidrawElement[];
@@ -1007,7 +1007,7 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
         userToFollow: import("../types").UserToFollow | null;
         followedBy: Set<import("../types").SocketId>;
     };
-    commitToHistory: boolean;
+    storeAction: import("../store").StoreActionType;
 };
 export declare const actionZoomToFitSelectionInViewport: {
     name: "zoomToFitSelectionInViewport";
@@ -1016,7 +1016,7 @@ export declare const actionZoomToFitSelectionInViewport: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1169,11 +1169,11 @@ export declare const actionZoomToFitSelectionInViewport: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        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;
 };
 export declare const actionZoomToFitSelection: {
     name: "zoomToFitSelection";
@@ -1182,7 +1182,7 @@ export declare const actionZoomToFitSelection: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1335,11 +1335,11 @@ export declare const actionZoomToFitSelection: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        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;
 };
 export declare const actionZoomToFit: {
     name: "zoomToFit";
@@ -1349,7 +1349,7 @@ export declare const actionZoomToFit: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1502,11 +1502,11 @@ export declare const actionZoomToFit: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        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;
 };
 export declare const actionToggleTheme: {
     name: "toggleTheme";
@@ -1517,7 +1517,7 @@ export declare const actionToggleTheme: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (_: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         appState: {
             theme: any;
             contextMenu: {
@@ -1670,12 +1670,12 @@ export declare const actionToggleTheme: {
             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;
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionToggleEraserTool: {
     name: "toggleEraserTool";
@@ -1683,7 +1683,7 @@ export declare const actionToggleEraserTool: {
     trackEvent: {
         category: "toolbar";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -1829,11 +1829,11 @@ export declare const actionToggleEraserTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        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;
 };
 export declare const actionToggleHandTool: {
     name: "toggleHandTool";
@@ -1844,7 +1844,7 @@ export declare const actionToggleHandTool: {
     };
     icon: JSX.Element;
     viewMode: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -1990,9 +1990,9 @@ export declare const actionToggleHandTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        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;
 };