@dwelle/excalidraw 0.5.0-ca754ef → 0.5.0-cbb5d6b

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 }) => {
@@ -65,7 +68,7 @@ export const actionClearCanvas = register({
                     ? { ...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, }) => {
@@ -303,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,
@@ -339,7 +342,7 @@ export const actionToggleEraserTool = register({
                 activeEmbeddable: null,
                 activeTool,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event.key === KEYS.E,
@@ -376,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: import("../store").StoreActionType;
         appState: {
             errorMessage: any;
             contextMenu: {
@@ -161,7 +161,7 @@ export declare const actionCopy: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState?: undefined;
     }>;
     keyTest: undefined;
@@ -174,8 +174,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: import("../store").StoreActionType;
         appState: {
             errorMessage: string;
             contextMenu: {
@@ -329,7 +329,7 @@ export declare const actionPaste: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState?: undefined;
     }>;
     keyTest: undefined;
@@ -343,8 +343,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: {
@@ -497,9 +497,9 @@ export declare const actionCut: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     } | {
-        elements: readonly import("../element/types").ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             editingLinearElement: {
                 selectedPointsIndices: number[];
@@ -680,7 +680,7 @@ export declare const actionCut: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     } | {
         elements: import("../element/types").ExcalidrawElement[];
         appState: {
@@ -828,11 +828,11 @@ export declare const actionCut: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionCopyAsSvg: {
     name: "copyAsSvg";
@@ -841,8 +841,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: import("../store").StoreActionType;
         appState?: undefined;
     } | {
         appState: {
@@ -997,7 +997,7 @@ export declare const actionCopyAsSvg: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     }>;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[]) => boolean;
     keywords: string[];
@@ -1011,8 +1011,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: import("../store").StoreActionType;
         appState?: undefined;
     } | {
         appState: {
@@ -1167,13 +1167,13 @@ export declare const actionCopyAsPng: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     }>;
     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 +1181,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: import("../store").StoreActionType;
     };
     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

@@ -8,6 +8,7 @@ import { prepareElementsForExport } from "../data/index";
 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",
@@ -24,7 +25,7 @@ export const actionCopy = register({
         }
         catch (error) {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: error.message,
@@ -32,7 +33,7 @@ export const actionCopy = register({
             };
         }
         return {
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     // don't supply a shortcut since we handle this conditionally via onCopy event
@@ -56,7 +57,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"),
@@ -64,7 +65,7 @@ export const actionPaste = register({
                 };
             }
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: t("errors.asyncPasteFailedOnRead"),
@@ -77,7 +78,7 @@ export const actionPaste = register({
         catch (error) {
             console.error(error);
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: t("errors.asyncPasteFailedOnParse"),
@@ -85,7 +86,7 @@ export const actionPaste = register({
             };
         }
         return {
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     // don't supply a shortcut since we handle this conditionally via onCopy event
@@ -110,7 +111,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);
@@ -125,7 +126,7 @@ export const actionCopyAsSvg = register({
                 },
             });
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         catch (error) {
@@ -135,7 +136,7 @@ export const actionCopyAsSvg = register({
                     ...appState,
                     errorMessage: error.message,
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
     },
@@ -152,7 +153,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({
@@ -185,7 +186,7 @@ export const actionCopyAsPng = register({
                         }),
                     },
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
         catch (error) {
@@ -195,7 +196,7 @@ export const actionCopyAsPng = register({
                     ...appState,
                     errorMessage: error.message,
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
             };
         }
     },
@@ -229,7 +230,7 @@ export const copyText = register({
             throw new Error(t("errors.copyToSystemClipboardFailed"));
         }
         return {
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     predicate: (elements, appState, _, app) => {

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

@@ -10,8 +10,8 @@ export declare const actionDeleteSelected: {
         category: "element";
         action: string;
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
-        elements: ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
             editingLinearElement: null;
             contextMenu: {
@@ -164,9 +164,9 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     } | {
-        elements: readonly ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             editingLinearElement: {
                 selectedPointsIndices: number[];
@@ -347,7 +347,7 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     } | {
         elements: ExcalidrawElement[];
         appState: {
@@ -495,10 +495,10 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
 };

package/dist/excalidraw/actions/actionDeleteSelected.js

@@ -12,6 +12,7 @@ import { fixBindingsAfterDeletion } from "../element/binding";
 import { isBoundToContainer, isFrameLikeElement } from "../element/typeChecks";
 import { updateActiveTool } from "../utils";
 import { TrashIcon } from "../components/icons";
+import { StoreAction } from "../store";
 const deleteSelectedElements = (elements, appState) => {
     const framesToBeDeleted = new Set(getSelectedElements(elements.filter((el) => isFrameLikeElement(el)), appState).map((el) => el.id));
     return {
@@ -82,7 +83,7 @@ export const actionDeleteSelected = register({
                         ...nextAppState,
                         editingLinearElement: null,
                     },
-                    commitToHistory: false,
+                    storeAction: StoreAction.CAPTURE,
                 };
             }
             // We cannot do this inside `movePoint` because it is also called
@@ -108,7 +109,7 @@ export const actionDeleteSelected = register({
                             : [0],
                     },
                 },
-                commitToHistory: true,
+                storeAction: StoreAction.CAPTURE,
             };
         }
         let { elements: nextElements, appState: nextAppState } = deleteSelectedElements(elements, appState);
@@ -122,7 +123,9 @@ export const actionDeleteSelected = register({
                 multiElement: null,
                 activeEmbeddable: null,
             },
-            commitToHistory: isSomeElementSelected(getNonDeletedElements(elements), appState),
+            storeAction: isSomeElementSelected(getNonDeletedElements(elements), appState)
+                ? StoreAction.CAPTURE
+                : StoreAction.NONE,
         };
     },
     keyTest: (event, appState, elements) => (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE) &&

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

@@ -7,15 +7,15 @@ export declare const distributeHorizontally: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const distributeVertically: {
     name: "distributeVertically";
@@ -23,13 +23,13 @@ export declare const distributeVertically: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/dist/excalidraw/actions/actionDistribute.js

@@ -8,6 +8,7 @@ import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { CODES, KEYS } from "../keys";
 import { isSomeElementSelected } from "../scene";
+import { StoreAction } from "../store";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 const enableActionGroup = (appState, app) => {
@@ -33,7 +34,7 @@ export const distributeHorizontally = register({
                 space: "between",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.H,
@@ -50,7 +51,7 @@ export const distributeVertically = register({
                 space: "between",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.V,

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

@@ -8,16 +8,15 @@ export declare const actionDuplicateSelection: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
-        commitToHistory: true;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
+        storeAction: import("../store").StoreActionType;
         elements?: readonly ExcalidrawElement[] | null | undefined;
-        appState?: import("../utility-types").MarkOptional<AppState, "offsetTop" | "offsetLeft" | "width" | "height"> | null | undefined;
+        appState?: import("../utility-types").MarkOptional<AppState, "width" | "height" | "offsetTop" | "offsetLeft"> | null | undefined;
         files?: import("../types").BinaryFiles | null | undefined;
-        syncHistory?: boolean | undefined;
         replaceFiles?: boolean | undefined;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => 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/actionDuplicateSelection.js

@@ -16,6 +16,8 @@ import { normalizeElementOrder } from "../element/sortElements";
 import { DuplicateIcon } from "../components/icons";
 import { bindElementsToFramesAfterDuplication, getFrameChildren, } from "../frame";
 import { excludeElementsInFramesFromSelection, getSelectedElements, } from "../scene/selection";
+import { syncMovedIndices } from "../fractionalIndex";
+import { StoreAction } from "../store";
 export const actionDuplicateSelection = register({
     name: "duplicateSelection",
     label: "labels.duplicateSelection",
@@ -32,12 +34,12 @@ export const actionDuplicateSelection = register({
             return {
                 elements,
                 appState: ret.appState,
-                commitToHistory: true,
+                storeAction: StoreAction.CAPTURE,
             };
         }
         return {
             ...duplicateElements(elements, appState),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.D,
@@ -51,11 +53,13 @@ const duplicateElements = (elements, appState) => {
     const newElements = [];
     const oldElements = [];
     const oldIdToDuplicatedId = new Map();
+    const duplicatedElementsMap = new Map();
     const duplicateAndOffsetElement = (element) => {
         const newElement = duplicateElement(appState.editingGroupId, groupIdMap, element, {
             x: element.x + GRID_SIZE / 2,
             y: element.y + GRID_SIZE / 2,
         });
+        duplicatedElementsMap.set(newElement.id, newElement);
         oldIdToDuplicatedId.set(element.id, newElement.id);
         oldElements.push(element);
         newElements.push(newElement);
@@ -159,7 +163,7 @@ const duplicateElements = (elements, appState) => {
         }
     }
     // step (3)
-    const finalElements = finalElementsReversed.reverse();
+    const finalElements = syncMovedIndices(finalElementsReversed.reverse(), arrayToMap(newElements));
     // ---------------------------------------------------------------------------
     bindTextToShapeAfterDuplication(elementsWithClones, oldElements, oldIdToDuplicatedId);
     fixBindingsAfterDuplication(elementsWithClones, oldElements, oldIdToDuplicatedId);

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

@@ -8,8 +8,8 @@ export declare const actionToggleElementLock: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: import("../types").AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => false | {
-        elements: ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => false | {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             contextMenu: {
@@ -162,11 +162,11 @@ export declare const actionToggleElementLock: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: import("../types").AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: import("../types").AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionUnlockAllElements: {
     name: "unlockAllElements";
@@ -177,8 +177,8 @@ export declare const actionUnlockAllElements: {
     viewMode: false;
     icon: JSX.Element;
     predicate: (elements: readonly ExcalidrawElement[], appState: import("../types").AppState) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
-        elements: ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
             selectedElementIds: {
                 [k: string]: true;
@@ -331,7 +331,7 @@ export declare const actionUnlockAllElements: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
     label: string;
 } & {