@zsviczian/excalidraw 0.17.1-obsidian-20 → 0.17.1-obsidian-21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.17.1-obsidian-20",
+  "version": "0.17.1-obsidian-21",
   "main": "main.js",
   "types": "types/excalidraw/index.d.ts",
   "files": [
@@ -55,6 +55,7 @@
     "canvas-roundrect-polyfill": "0.0.1",
     "clsx": "1.1.1",
     "cross-env": "7.0.3",
+    "fractional-indexing": "3.2.0",
     "fuzzy": "0.1.3",
     "image-blob-reduce": "3.0.1",
     "jotai": "1.13.1",

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

@@ -3,8 +3,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;
@@ -189,7 +189,7 @@ export declare const actionAddToLibrary: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState: {
             errorMessage: any;
             contextMenu: {
@@ -376,7 +376,7 @@ export declare const actionAddToLibrary: {
             followedBy: Set<import("../types").SocketId>;
         };
     }> | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState: {
             errorMessage: string;
             contextMenu: {

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

@@ -8,15 +8,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) => import("react/jsx-runtime").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";
@@ -26,15 +26,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) => import("react/jsx-runtime").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";
@@ -44,15 +44,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) => import("react/jsx-runtime").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";
@@ -62,15 +62,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) => import("react/jsx-runtime").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";
@@ -80,10 +80,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) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -97,10 +97,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) => import("react/jsx-runtime").JSX.Element;
 } & {

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

@@ -8,10 +8,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;
@@ -23,7 +23,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: {
@@ -210,7 +210,7 @@ export declare const actionBindText: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;
@@ -222,7 +222,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<{
@@ -409,7 +409,7 @@ export declare const actionWrapTextInContainer: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;

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

@@ -7,9 +7,9 @@ export declare const actionChangeViewBackgroundColor: {
     paletteName: string;
     trackEvent: false;
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: 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) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -24,8 +24,8 @@ export declare const actionClearCanvas: {
         category: "canvas";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
             files: {};
             theme: import("../element/types").Theme;
@@ -49,7 +49,7 @@ export declare const actionClearCanvas: {
             colorPalette: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -61,6 +61,10 @@ export declare const actionClearCanvas: {
             allowWheelZoom: boolean | undefined;
             pinnedScripts: string[] | undefined;
             customPens: any[] | undefined;
+            viewModeEnabled: boolean;
+            zenModeEnabled: boolean;
+            objectsSnapModeEnabled: boolean;
+            name: string | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -111,7 +115,6 @@ export declare const actionClearCanvas: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -150,9 +153,7 @@ export declare const actionClearCanvas: {
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
-            zenModeEnabled: boolean;
             previousGridSize: number | null;
-            viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -204,11 +205,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;
@@ -221,7 +221,7 @@ export declare const actionZoomIn: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -371,7 +371,7 @@ export declare const actionZoomIn: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -407,12 +407,12 @@ export declare const actionZoomIn: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").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";
@@ -422,7 +422,7 @@ export declare const actionZoomOut: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -572,7 +572,7 @@ export declare const actionZoomOut: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -608,12 +608,12 @@ export declare const actionZoomOut: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").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";
@@ -623,7 +623,7 @@ export declare const actionResetZoom: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -773,7 +773,7 @@ export declare const actionResetZoom: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -809,12 +809,12 @@ export declare const actionResetZoom: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").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;
@@ -972,7 +972,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewpo
         colorPalette?: {
             canvasBackground: import("../colors").ColorPaletteCustom;
             elementBackground: import("../colors").ColorPaletteCustom;
-            elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+            elementStroke: import("../colors").ColorPaletteCustom;
             topPicks: {
                 canvasBackground: [string, string, string, string, string];
                 elementStroke: [string, string, string, string, string];
@@ -1009,7 +1009,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[];
@@ -1167,7 +1167,7 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
         colorPalette?: {
             canvasBackground: import("../colors").ColorPaletteCustom;
             elementBackground: import("../colors").ColorPaletteCustom;
-            elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+            elementStroke: import("../colors").ColorPaletteCustom;
             topPicks: {
                 canvasBackground: [string, string, string, string, string];
                 elementStroke: [string, string, string, string, string];
@@ -1204,7 +1204,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";
@@ -1213,7 +1213,7 @@ export declare const actionZoomToFitSelectionInViewport: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1362,7 +1362,7 @@ export declare const actionZoomToFitSelectionInViewport: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1399,11 +1399,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";
@@ -1412,7 +1412,7 @@ export declare const actionZoomToFitSelection: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1561,7 +1561,7 @@ export declare const actionZoomToFitSelection: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1598,11 +1598,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";
@@ -1612,7 +1612,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;
@@ -1761,7 +1761,7 @@ export declare const actionZoomToFit: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1798,11 +1798,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";
@@ -1813,7 +1813,7 @@ export declare const actionToggleTheme: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (_: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         appState: {
             theme: any;
             contextMenu: {
@@ -1962,7 +1962,7 @@ export declare const actionToggleTheme: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1999,12 +1999,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: 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";
@@ -2012,7 +2012,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: {};
@@ -2154,7 +2154,7 @@ export declare const actionToggleEraserTool: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2191,11 +2191,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";
@@ -2206,7 +2206,7 @@ export declare const actionToggleHandTool: {
     };
     icon: import("react/jsx-runtime").JSX.Element;
     viewMode: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -2348,7 +2348,7 @@ export declare const actionToggleHandTool: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2385,11 +2385,11 @@ 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;
 };
 export declare const actionToggleLaserPointer: {
     name: "toggleLaserPointerTool";
@@ -2397,7 +2397,7 @@ export declare const actionToggleLaserPointer: {
     trackEvent: {
         category: "menu";
     };
-    perform(elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties): {
+    perform(elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties): {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -2539,7 +2539,7 @@ export declare const actionToggleLaserPointer: {
             colorPalette?: {
                 canvasBackground: import("../colors").ColorPaletteCustom;
                 elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+                elementStroke: import("../colors").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2576,7 +2576,7 @@ export declare const actionToggleLaserPointer: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
     checked: (appState: Readonly<AppState>) => boolean;
     label: string;
@@ -2733,7 +2733,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         colorPalette?: {
             canvasBackground: import("../colors").ColorPaletteCustom;
             elementBackground: import("../colors").ColorPaletteCustom;
-            elementStroke: import("../colors").ColorPaletteCustom; /** zoom content to cover X of the viewport, when fitToViewport=true */
+            elementStroke: import("../colors").ColorPaletteCustom;
             topPicks: {
                 canvasBackground: [string, string, string, string, string];
                 elementStroke: [string, string, string, string, string];