@excalidraw/excalidraw 0.17.1-550a388 → 0.17.1-62228e0

package/dist/excalidraw/actions/actionCanvas.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ColorPicker } from "../components/ColorPicker/ColorPicker";
 import { handIcon, MoonIcon, SunIcon, TrashIcon, zoomAreaIcon, ZoomInIcon, ZoomOutIcon, ZoomResetIcon, } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
-import { CURSOR_TYPE, MIN_ZOOM, THEME, ZOOM_STEP } from "../constants";
+import { CURSOR_TYPE, MAX_ZOOM, MIN_ZOOM, THEME, ZOOM_STEP, } from "../constants";
 import { getCommonBounds, getNonDeletedElements } from "../element";
 import { t } from "../i18n";
 import { CODES, KEYS } from "../keys";
@@ -16,6 +16,7 @@ import { newElementWith } from "../element/mutateElement";
 import { getDefaultAppState, isEraserActive, isHandToolActive, } from "../appState";
 import { DEFAULT_CANVAS_BACKGROUND_PICKS } from "../colors";
 import { setCursor } from "../cursor";
+import { StoreAction } from "../store";
 export const actionChangeViewBackgroundColor = register({
     name: "changeViewBackgroundColor",
     label: "labels.canvasBackground",
@@ -28,7 +29,9 @@ export const actionChangeViewBackgroundColor = register({
     perform: (_, appState, value) => {
         return {
             appState: { ...appState, ...value },
-            commitToHistory: !!value.viewBackgroundColor,
+            storeAction: !!value.viewBackgroundColor
+                ? StoreAction.CAPTURE
+                : StoreAction.NONE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, appProps }) => {
@@ -59,13 +62,13 @@ export const actionClearCanvas = register({
                 exportBackground: appState.exportBackground,
                 exportEmbedScene: appState.exportEmbedScene,
                 gridSize: appState.gridSize,
-                showStats: appState.showStats,
+                stats: appState.stats,
                 pasteDialog: appState.pasteDialog,
                 activeTool: appState.activeTool.type === "image"
                     ? { ...appState.activeTool, type: "selection" }
                     : appState.activeTool,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });
@@ -86,10 +89,10 @@ export const actionZoomIn = register({
                 }, appState),
                 userToFollow: null,
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
-    PanelComponent: ({ updateData }) => (_jsx(ToolButton, { type: "button", className: "zoom-in-button zoom-button", icon: ZoomInIcon, title: `${t("buttons.zoomIn")} — ${getShortcutKey("CtrlOrCmd++")}`, "aria-label": t("buttons.zoomIn"), onClick: () => {
+    PanelComponent: ({ updateData, appState }) => (_jsx(ToolButton, { type: "button", className: "zoom-in-button zoom-button", icon: ZoomInIcon, title: `${t("buttons.zoomIn")} — ${getShortcutKey("CtrlOrCmd++")}`, "aria-label": t("buttons.zoomIn"), disabled: appState.zoom.value >= MAX_ZOOM, onClick: () => {
             updateData(null);
         } })),
     keyTest: (event) => (event.code === CODES.EQUAL || event.code === CODES.NUM_ADD) &&
@@ -112,10 +115,10 @@ export const actionZoomOut = register({
                 }, appState),
                 userToFollow: null,
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
-    PanelComponent: ({ updateData }) => (_jsx(ToolButton, { type: "button", className: "zoom-out-button zoom-button", icon: ZoomOutIcon, title: `${t("buttons.zoomOut")} — ${getShortcutKey("CtrlOrCmd+-")}`, "aria-label": t("buttons.zoomOut"), onClick: () => {
+    PanelComponent: ({ updateData, appState }) => (_jsx(ToolButton, { type: "button", className: "zoom-out-button zoom-button", icon: ZoomOutIcon, title: `${t("buttons.zoomOut")} — ${getShortcutKey("CtrlOrCmd+-")}`, "aria-label": t("buttons.zoomOut"), disabled: appState.zoom.value <= MIN_ZOOM, onClick: () => {
             updateData(null);
         } })),
     keyTest: (event) => (event.code === CODES.MINUS || event.code === CODES.NUM_SUBTRACT) &&
@@ -138,7 +141,7 @@ export const actionResetZoom = register({
                 }, appState),
                 userToFollow: null,
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     PanelComponent: ({ updateData, appState }) => (_jsx(Tooltip, { label: t("buttons.resetZoom"), style: { height: "100%" }, children: _jsxs(ToolButton, { type: "button", className: "reset-zoom-button zoom-button", title: t("buttons.resetZoom"), "aria-label": t("buttons.resetZoom"), onClick: () => {
@@ -171,7 +174,7 @@ export const zoomToFitBounds = ({ bounds, appState, fitToViewport = false, viewp
         newZoomValue =
             Math.min(appState.width / commonBoundsWidth, appState.height / commonBoundsHeight) * Math.min(1, Math.max(viewportZoomFactor, 0.1));
         // Apply clamping to newZoomValue to be between 10% and 3000%
-        newZoomValue = Math.min(Math.max(newZoomValue, 0.1), 30.0);
+        newZoomValue = Math.min(Math.max(newZoomValue, MIN_ZOOM), MAX_ZOOM);
         let appStateWidth = appState.width;
         if (appState.openSidebar) {
             const sidebarDOMElem = document.querySelector(".sidebar");
@@ -207,7 +210,7 @@ export const zoomToFitBounds = ({ bounds, appState, fitToViewport = false, viewp
             scrollY,
             zoom: { value: newZoomValue },
         },
-        commitToHistory: false,
+        storeAction: StoreAction.NONE,
     };
 };
 export const zoomToFit = ({ targetElements, appState, fitToViewport, viewportZoomFactor, }) => {
@@ -289,7 +292,9 @@ export const actionZoomToFit = register({
 export const actionToggleTheme = register({
     name: "toggleTheme",
     label: (_, appState) => {
-        return appState.theme === "dark" ? "buttons.lightMode" : "buttons.darkMode";
+        return appState.theme === THEME.DARK
+            ? "buttons.lightMode"
+            : "buttons.darkMode";
     },
     keywords: ["toggle", "dark", "light", "mode", "theme"],
     icon: (appState) => (appState.theme === THEME.LIGHT ? MoonIcon : SunIcon),
@@ -301,7 +306,7 @@ export const actionToggleTheme = register({
                 ...appState,
                 theme: value || (appState.theme === THEME.LIGHT ? THEME.DARK : THEME.LIGHT),
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     keyTest: (event) => event.altKey && event.shiftKey && event.code === CODES.D,
@@ -337,7 +342,7 @@ export const actionToggleEraserTool = register({
                 activeEmbeddable: null,
                 activeTool,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event.key === KEYS.E,
@@ -374,7 +379,7 @@ export const actionToggleHandTool = register({
                 activeEmbeddable: null,
                 activeTool,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => !event.altKey && !event[KEYS.CTRL_OR_CMD] && event.key === KEYS.H,

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

@@ -6,8 +6,8 @@ export declare const actionCopy: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, event: ClipboardEvent | null, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, event: ClipboardEvent | null, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: "none";
         appState: {
             errorMessage: any;
             contextMenu: {
@@ -61,6 +61,7 @@ export declare const actionCopy: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -74,7 +75,7 @@ export declare const actionCopy: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -139,7 +140,10 @@ export declare const actionCopy: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -161,7 +165,7 @@ export declare const actionCopy: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: "none";
         appState?: undefined;
     }>;
     keyTest: undefined;
@@ -174,8 +178,8 @@ export declare const actionPaste: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, data: any, app: import("../types").AppClassProperties) => Promise<false | {
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, data: any, app: import("../types").AppClassProperties) => Promise<false | {
+        storeAction: "none";
         appState: {
             errorMessage: string;
             contextMenu: {
@@ -229,6 +233,7 @@ export declare const actionPaste: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -242,7 +247,7 @@ export declare const actionPaste: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -307,7 +312,10 @@ export declare const actionPaste: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -329,7 +337,7 @@ export declare const actionPaste: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: "none";
         appState?: undefined;
     }>;
     keyTest: undefined;
@@ -343,8 +351,8 @@ export declare const actionCut: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, event: ClipboardEvent | null, app: import("../types").AppClassProperties) => false | {
-        elements: import("../element/types").ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, event: ClipboardEvent | null, app: import("../types").AppClassProperties) => false | {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
             editingLinearElement: null;
             contextMenu: {
@@ -398,6 +406,7 @@ export declare const actionCut: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -411,7 +420,7 @@ export declare const actionCut: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -476,7 +485,10 @@ export declare const actionCut: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -497,9 +509,9 @@ export declare const actionCut: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "capture";
     } | {
-        elements: readonly import("../element/types").ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             editingLinearElement: {
                 selectedPointsIndices: number[];
@@ -581,6 +593,7 @@ export declare const actionCut: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -594,7 +607,7 @@ export declare const actionCut: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -659,7 +672,10 @@ export declare const actionCut: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -680,7 +696,7 @@ export declare const actionCut: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     } | {
         elements: import("../element/types").ExcalidrawElement[];
         appState: {
@@ -735,6 +751,7 @@ export declare const actionCut: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -748,7 +765,7 @@ export declare const actionCut: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -807,7 +824,10 @@ export declare const actionCut: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -828,11 +848,11 @@ export declare const actionCut: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: "none" | "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 actionCopyAsSvg: {
     name: "copyAsSvg";
@@ -841,8 +861,8 @@ export declare const actionCopyAsSvg: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _data: any, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _data: any, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: "none";
         appState?: undefined;
     } | {
         appState: {
@@ -898,6 +918,7 @@ export declare const actionCopyAsSvg: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -911,7 +932,7 @@ export declare const actionCopyAsSvg: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -976,7 +997,10 @@ export declare const actionCopyAsSvg: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -997,7 +1021,7 @@ export declare const actionCopyAsSvg: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     }>;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[]) => boolean;
     keywords: string[];
@@ -1011,8 +1035,8 @@ export declare const actionCopyAsPng: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _data: any, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _data: any, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: "none";
         appState?: undefined;
     } | {
         appState: {
@@ -1068,6 +1092,7 @@ export declare const actionCopyAsPng: {
             currentItemTextAlign: string;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
@@ -1081,7 +1106,7 @@ export declare const actionCopyAsPng: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1146,7 +1171,10 @@ export declare const actionCopyAsPng: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1167,13 +1195,13 @@ export declare const actionCopyAsPng: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     }>;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[]) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     keywords: string[];
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const copyText: {
     name: "copyText";
@@ -1181,8 +1209,8 @@ export declare const copyText: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
+        storeAction: "none";
     };
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
     keywords: string[];

package/dist/excalidraw/actions/actionClipboard.js

@@ -7,6 +7,7 @@ import { isTextElement } from "../element";
 import { t } from "../i18n";
 import { isFirefox } from "../constants";
 import { DuplicateIcon, cutIcon, pngIcon, svgIcon } from "../components/icons";
+import { StoreAction } from "../store";
 export const actionCopy = register({
     name: "copy",
     label: "labels.copy",
@@ -23,7 +24,7 @@ export const actionCopy = register({
         }
         catch (error) {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: error.message,
@@ -31,7 +32,7 @@ export const actionCopy = register({
             };
         }
         return {
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     // don't supply a shortcut since we handle this conditionally via onCopy event
@@ -55,7 +56,7 @@ export const actionPaste = register({
             console.error(`actionPaste ${error.name}: ${error.message}`);
             if (isFirefox) {
                 return {
-                    commitToHistory: false,
+                    storeAction: StoreAction.NONE,
                     appState: {
                         ...appState,
                         errorMessage: t("hints.firefox_clipboard_write"),
@@ -63,7 +64,7 @@ export const actionPaste = register({
                 };
             }
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: t("errors.asyncPasteFailedOnRead"),
@@ -76,7 +77,7 @@ export const actionPaste = register({
         catch (error) {
             console.error(error);
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: t("errors.asyncPasteFailedOnParse"),
@@ -84,7 +85,7 @@ export const actionPaste = register({
             };
         }
         return {
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     // don't supply a shortcut since we handle this conditionally via onCopy event
@@ -109,7 +110,7 @@ export const actionCopyAsSvg = register({
     perform: async (elements, appState, _data, app) => {
         if (!app.canvas) {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         const { exportedElements, exportingFrame } = prepareElementsForExport(elements, appState, true);
@@ -120,7 +121,7 @@ export const actionCopyAsSvg = register({
                 name: app.getName(),
             });
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         catch (error) {
@@ -130,7 +131,7 @@ export const actionCopyAsSvg = register({
                     ...appState,
                     errorMessage: error.message,
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
     },
@@ -147,7 +148,7 @@ export const actionCopyAsPng = register({
     perform: async (elements, appState, _data, app) => {
         if (!app.canvas) {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         const selectedElements = app.scene.getSelectedElements({
@@ -176,7 +177,7 @@ export const actionCopyAsPng = register({
                         }),
                     },
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         catch (error) {
@@ -186,7 +187,7 @@ export const actionCopyAsPng = register({
                     ...appState,
                     errorMessage: error.message,
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
     },
@@ -220,7 +221,7 @@ export const copyText = register({
             throw new Error(t("errors.copyToSystemClipboardFailed"));
         }
         return {
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     predicate: (elements, appState, _, app) => {