@excalidraw/excalidraw 0.17.1-890ed9f → 0.17.1-96eeec5

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;
@@ -158,7 +158,10 @@ export declare const actionChangeFillStyle: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -179,7 +182,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 +192,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;
@@ -322,7 +325,10 @@ export declare const actionChangeStrokeWidth: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -343,7 +349,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 +359,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;
@@ -486,7 +492,10 @@ export declare const actionChangeSloppiness: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -507,7 +516,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 +526,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;
@@ -650,7 +659,10 @@ export declare const actionChangeStrokeStyle: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -671,7 +683,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 +693,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;
@@ -814,7 +826,10 @@ export declare const actionChangeOpacity: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -835,7 +850,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 +860,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;
@@ -978,7 +993,10 @@ export declare const actionChangeFontSize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -999,7 +1017,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 +1028,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;
@@ -1143,7 +1161,10 @@ export declare const actionDecreaseFontSize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1164,18 +1185,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;
@@ -1308,7 +1329,10 @@ export declare const actionIncreaseFontSize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1329,17 +1353,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;
@@ -1472,7 +1496,10 @@ export declare const actionChangeFontFamily: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1493,7 +1520,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 +1530,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;
@@ -1636,7 +1663,10 @@ export declare const actionChangeTextAlign: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1657,7 +1687,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 +1699,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: {
@@ -1802,7 +1832,10 @@ export declare const actionChangeVerticalAlign: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1823,7 +1856,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 +1866,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;
@@ -1966,7 +1999,10 @@ export declare const actionChangeRoundness: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1987,7 +2023,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 +2033,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;
     }) => {
@@ -2133,7 +2169,10 @@ export declare const actionChangeArrowhead: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -2154,7 +2193,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<{
@@ -142,7 +142,10 @@ export declare const actionSelectAll: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -162,9 +165,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,