@excalidraw/excalidraw 0.17.1-1d71f84 → 0.17.1-22b3927

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

@@ -3,8 +3,8 @@ export declare const actionLink: {
     name: "hyperlink";
     label: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
     icon: JSX.Element;
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
-        elements: readonly import("../element/types").ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             showHyperlinkPopup: "editor";
             openMenu: null;
@@ -157,15 +157,15 @@ export declare const actionLink: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     trackEvent: {
         category: "hyperlink";
         action: string;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").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;
 };

package/dist/excalidraw/actions/actionLink.js

@@ -6,6 +6,7 @@ import { isEmbeddableElement } from "../element/typeChecks";
 import { t } from "../i18n";
 import { KEYS } from "../keys";
 import { getSelectedElements } from "../scene";
+import { StoreAction } from "../store";
 import { getShortcutKey } from "../utils";
 import { register } from "./register";
 export const actionLink = register({
@@ -23,7 +24,7 @@ export const actionLink = register({
                 showHyperlinkPopup: "editor",
                 openMenu: null,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     trackEvent: { category: "hyperlink", action: "click" },

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

@@ -5,7 +5,7 @@ export declare const actionToggleCanvasMenu: {
     trackEvent: {
         category: "menu";
     };
-    perform: (_: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+    perform: (_: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         appState: {
             openMenu: "canvas" | null;
             contextMenu: {
@@ -158,7 +158,7 @@ export declare const actionToggleCanvasMenu: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -170,7 +170,7 @@ export declare const actionToggleEditMenu: {
     trackEvent: {
         category: "menu";
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         appState: {
             openMenu: "shape" | null;
             contextMenu: {
@@ -323,7 +323,7 @@ export declare const actionToggleEditMenu: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -338,7 +338,7 @@ export declare const actionShortcuts: {
         category: "menu";
         action: string;
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, { focusContainer }: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, { focusContainer }: import("../types").AppClassProperties) => {
         appState: {
             openDialog: {
                 name: "help";
@@ -482,9 +482,9 @@ export declare const actionShortcuts: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     };
-    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/actionMenu.js

@@ -5,6 +5,7 @@ import { t } from "../i18n";
 import { showSelectedShapeActions, getNonDeletedElements } from "../element";
 import { register } from "./register";
 import { KEYS } from "../keys";
+import { StoreAction } from "../store";
 export const actionToggleCanvasMenu = register({
     name: "toggleCanvasMenu",
     label: "buttons.menu",
@@ -14,7 +15,7 @@ export const actionToggleCanvasMenu = register({
             ...appState,
             openMenu: appState.openMenu === "canvas" ? null : "canvas",
         },
-        commitToHistory: false,
+        storeAction: StoreAction.NONE,
     }),
     PanelComponent: ({ appState, updateData }) => (_jsx(ToolButton, { type: "button", icon: HamburgerMenuIcon, "aria-label": t("buttons.menu"), onClick: updateData, selected: appState.openMenu === "canvas" })),
 });
@@ -27,7 +28,7 @@ export const actionToggleEditMenu = register({
             ...appState,
             openMenu: appState.openMenu === "shape" ? null : "shape",
         },
-        commitToHistory: false,
+        storeAction: StoreAction.NONE,
     }),
     PanelComponent: ({ elements, appState, updateData }) => (_jsx(ToolButton, { visible: showSelectedShapeActions(appState, getNonDeletedElements(elements)), type: "button", icon: palette, "aria-label": t("buttons.edit"), onClick: updateData, selected: appState.openMenu === "shape" })),
 });
@@ -50,7 +51,7 @@ export const actionShortcuts = register({
                         name: "help",
                     },
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     keyTest: (event) => event.key === KEYS.QUESTION_MARK,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Collaborator } from "../types";
+import type { Collaborator } from "../types";
 export declare const actionGoToCollaborator: {
     name: "goToCollaborator";
     label: string;
@@ -7,7 +7,7 @@ export declare const actionGoToCollaborator: {
     trackEvent: {
         category: "collab";
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, collaborator: Collaborator) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, collaborator: Collaborator) => {
         appState: {
             userToFollow: null;
             contextMenu: {
@@ -160,7 +160,7 @@ export declare const actionGoToCollaborator: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     } | {
         appState: {
             userToFollow: {
@@ -317,7 +317,7 @@ export declare const actionGoToCollaborator: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     };
     PanelComponent: ({ updateData, data, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {

package/dist/excalidraw/actions/actionNavigate.js

@@ -3,6 +3,7 @@ import { getClientColor } from "../clients";
 import { Avatar } from "../components/Avatar";
 import { eyeIcon, microphoneIcon, microphoneMutedIcon, } from "../components/icons";
 import { t } from "../i18n";
+import { StoreAction } from "../store";
 import { register } from "./register";
 import clsx from "clsx";
 export const actionGoToCollaborator = register({
@@ -19,7 +20,7 @@ export const actionGoToCollaborator = register({
                     ...appState,
                     userToFollow: null,
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         return {
@@ -32,7 +33,7 @@ export const actionGoToCollaborator = register({
                 // Close mobile menu
                 openMenu: appState.openMenu === "canvas" ? null : appState.openMenu,
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     PanelComponent: ({ updateData, data, appState }) => {

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { AppClassProperties, AppState, Primitive } from "../types";
-import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
+import type { AppClassProperties, AppState, Primitive } from "../types";
+import type { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
 export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
 export declare const actionChangeStrokeColor: {
     name: "changeStrokeColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
     PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
@@ -16,7 +16,7 @@ export declare const actionChangeBackgroundColor: {
     name: "changeBackgroundColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
     PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
@@ -25,7 +25,7 @@ export declare const actionChangeFillStyle: {
     name: "changeFillStyle";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFillStyle: any;
@@ -179,7 +179,7 @@ export declare const actionChangeFillStyle: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -189,7 +189,7 @@ export declare const actionChangeStrokeWidth: {
     name: "changeStrokeWidth";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemStrokeWidth: any;
@@ -343,7 +343,7 @@ export declare const actionChangeStrokeWidth: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -353,7 +353,7 @@ export declare const actionChangeSloppiness: {
     name: "changeSloppiness";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemRoughness: any;
@@ -507,7 +507,7 @@ export declare const actionChangeSloppiness: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -517,7 +517,7 @@ export declare const actionChangeStrokeStyle: {
     name: "changeStrokeStyle";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemStrokeStyle: any;
@@ -671,7 +671,7 @@ export declare const actionChangeStrokeStyle: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -681,7 +681,7 @@ export declare const actionChangeOpacity: {
     name: "changeOpacity";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemOpacity: any;
@@ -835,7 +835,7 @@ export declare const actionChangeOpacity: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -845,7 +845,7 @@ export declare const actionChangeFontSize: {
     name: "changeFontSize";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -999,7 +999,7 @@ export declare const actionChangeFontSize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1010,7 +1010,7 @@ export declare const actionDecreaseFontSize: {
     label: string;
     icon: JSX.Element;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1164,18 +1164,18 @@ export declare const actionDecreaseFontSize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: "capture";
     };
-    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 actionIncreaseFontSize: {
     name: "increaseFontSize";
     label: string;
     icon: JSX.Element;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1329,17 +1329,17 @@ export declare const actionIncreaseFontSize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: "capture";
     };
-    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 actionChangeFontFamily: {
     name: "changeFontFamily";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontFamily: any;
@@ -1493,7 +1493,7 @@ export declare const actionChangeFontFamily: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1503,7 +1503,7 @@ export declare const actionChangeTextAlign: {
     name: "changeTextAlign";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemTextAlign: any;
@@ -1657,7 +1657,7 @@ export declare const actionChangeTextAlign: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1669,7 +1669,7 @@ export declare const actionChangeVerticalAlign: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             contextMenu: {
@@ -1823,7 +1823,7 @@ export declare const actionChangeVerticalAlign: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1833,7 +1833,7 @@ export declare const actionChangeRoundness: {
     name: "changeRoundness";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemRoundness: any;
@@ -1987,7 +1987,7 @@ export declare const actionChangeRoundness: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1997,7 +1997,7 @@ export declare const actionChangeArrowhead: {
     name: "changeArrowhead";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: {
         position: "start" | "end";
         type: Arrowhead;
     }) => {
@@ -2154,7 +2154,7 @@ export declare const actionChangeArrowhead: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {

package/dist/excalidraw/actions/actionProperties.js

@@ -20,6 +20,7 @@ import { canHaveArrowheads, getCommonAttributeOfSelectedElements, getSelectedEle
 import { hasStrokeColor } from "../scene/comparisons";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
+import { StoreAction } from "../store";
 const FONT_SIZE_RELATIVE_INCREASE_STEP = 0.1;
 export const changeProperty = (elements, appState, callback, includeBoundText = false) => {
     const selectedElementIds = arrayToMap(getSelectedElements(elements, appState, {
@@ -59,7 +60,7 @@ export const getFormValue = function (elements, appState, getAttribute, isReleva
     return ret;
 };
 const offsetElementAfterFontResize = (prevElement, nextElement) => {
-    if (isBoundToContainer(nextElement)) {
+    if (isBoundToContainer(nextElement) || !nextElement.autoResize) {
         return nextElement;
     }
     return mutateElement(nextElement, {
@@ -97,7 +98,7 @@ const changeFontSize = (elements, appState, app, getNewFontSize, fallbackValue)
                 ? [...newFontSizes][0]
                 : fallbackValue ?? appState.currentItemFontSize,
         },
-        commitToHistory: true,
+        storeAction: StoreAction.CAPTURE,
     };
 };
 // -----------------------------------------------------------------------------
@@ -120,7 +121,9 @@ export const actionChangeStrokeColor = register({
                 ...appState,
                 ...value,
             },
-            commitToHistory: !!value.currentItemStrokeColor,
+            storeAction: !!value.currentItemStrokeColor
+                ? StoreAction.CAPTURE
+                : StoreAction.NONE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, appProps }) => (_jsxs(_Fragment, { children: [_jsx("h3", { "aria-hidden": "true", children: t("labels.stroke") }), _jsx(ColorPicker, { topPicks: DEFAULT_ELEMENT_STROKE_PICKS, palette: DEFAULT_ELEMENT_STROKE_COLOR_PALETTE, type: "elementStroke", label: t("labels.stroke"), color: getFormValue(elements, appState, (element) => element.strokeColor, true, appState.currentItemStrokeColor), onChange: (color) => updateData({ currentItemStrokeColor: color }), elements: elements, appState: appState, updateData: updateData })] })),
@@ -140,7 +143,9 @@ export const actionChangeBackgroundColor = register({
                 ...appState,
                 ...value,
             },
-            commitToHistory: !!value.currentItemBackgroundColor,
+            storeAction: !!value.currentItemBackgroundColor
+                ? StoreAction.CAPTURE
+                : StoreAction.NONE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, appProps }) => (_jsxs(_Fragment, { children: [_jsx("h3", { "aria-hidden": "true", children: t("labels.background") }), _jsx(ColorPicker, { topPicks: DEFAULT_ELEMENT_BACKGROUND_PICKS, palette: DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE, type: "elementBackground", label: t("labels.background"), color: getFormValue(elements, appState, (element) => element.backgroundColor, true, appState.currentItemBackgroundColor), onChange: (color) => updateData({ currentItemBackgroundColor: color }), elements: elements, appState: appState, updateData: updateData })] })),
@@ -156,7 +161,7 @@ export const actionChangeFillStyle = register({
                 fillStyle: value,
             })),
             appState: { ...appState, currentItemFillStyle: value },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => {
@@ -203,7 +208,7 @@ export const actionChangeStrokeWidth = register({
                 strokeWidth: value,
             })),
             appState: { ...appState, currentItemStrokeWidth: value },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => (_jsxs("fieldset", { children: [_jsx("legend", { children: t("labels.strokeWidth") }), _jsx(ButtonIconSelect, { group: "stroke-width", options: [
@@ -238,7 +243,7 @@ export const actionChangeSloppiness = register({
                 roughness: value,
             })),
             appState: { ...appState, currentItemRoughness: value },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => (_jsxs("fieldset", { children: [_jsx("legend", { children: t("labels.sloppiness") }), _jsx(ButtonIconSelect, { group: "sloppiness", options: [
@@ -269,7 +274,7 @@ export const actionChangeStrokeStyle = register({
                 strokeStyle: value,
             })),
             appState: { ...appState, currentItemStrokeStyle: value },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => (_jsxs("fieldset", { children: [_jsx("legend", { children: t("labels.strokeStyle") }), _jsx(ButtonIconSelect, { group: "strokeStyle", options: [
@@ -300,7 +305,7 @@ export const actionChangeOpacity = register({
                 opacity: value,
             }), true),
             appState: { ...appState, currentItemOpacity: value },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => (_jsxs("label", { className: "control-label", children: [t("labels.opacity"), _jsx("input", { type: "range", min: "0", max: "100", step: "10", onChange: (event) => updateData(+event.target.value), value: getFormValue(elements, appState, (element) => element.opacity, true, appState.currentItemOpacity) ?? undefined })] })),
@@ -405,7 +410,7 @@ export const actionChangeFontFamily = register({
                 ...appState,
                 currentItemFontFamily: value,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => {
@@ -462,7 +467,7 @@ export const actionChangeTextAlign = register({
                 ...appState,
                 currentItemTextAlign: value,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => {
@@ -516,7 +521,7 @@ export const actionChangeVerticalAlign = register({
             appState: {
                 ...appState,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => {
@@ -571,7 +576,7 @@ export const actionChangeRoundness = register({
                 ...appState,
                 currentItemRoundness: value,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => {
@@ -691,7 +696,7 @@ export const actionChangeArrowhead = register({
                     ? "currentItemStartArrowhead"
                     : "currentItemEndArrowhead"]: value.type,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData }) => {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
+import type { ExcalidrawElement } from "../element/types";
 import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionSelectAll: {
     name: "selectAll";
@@ -9,7 +9,7 @@ export declare const actionSelectAll: {
         category: "canvas";
     };
     viewMode: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
         appState: {
             selectedLinearElement: LinearElementEditor | null;
             selectedElementIds: Readonly<{
@@ -162,9 +162,9 @@ export declare const actionSelectAll: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     };
-    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/actionSelectAll.js

@@ -6,6 +6,7 @@ import { isLinearElement } from "../element/typeChecks";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { excludeElementsInFramesFromSelection } from "../scene/selection";
 import { selectAllIcon } from "../components/icons";
+import { StoreAction } from "../store";
 export const actionSelectAll = register({
     name: "selectAll",
     label: "labels.selectAll",
@@ -36,7 +37,7 @@ export const actionSelectAll = register({
                     ? new LinearElementEditor(elements[0])
                     : null,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.A,