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

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: {
@@ -139,7 +139,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 +164,7 @@ export declare const actionCopy: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: "none";
         appState?: undefined;
     }>;
     keyTest: undefined;
@@ -174,8 +177,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: {
@@ -307,7 +310,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 +335,7 @@ export declare const actionPaste: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: "none";
         appState?: undefined;
     }>;
     keyTest: undefined;
@@ -343,8 +349,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: {
@@ -476,7 +482,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 +506,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[];
@@ -659,7 +668,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 +692,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: {
@@ -807,7 +819,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 +843,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 +856,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: {
@@ -976,7 +991,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 +1015,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 +1029,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: {
@@ -1146,7 +1164,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 +1188,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 +1202,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) => {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppState } from "../types";
 import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionDeleteSelected: {
     name: "deleteSelectedElements";
@@ -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: {
@@ -143,7 +143,10 @@ export declare const actionDeleteSelected: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -164,9 +167,9 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "capture";
     } | {
-        elements: readonly ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             editingLinearElement: {
                 selectedPointsIndices: number[];
@@ -326,7 +329,10 @@ export declare const actionDeleteSelected: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -347,7 +353,7 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     } | {
         elements: ExcalidrawElement[];
         appState: {
@@ -474,7 +480,10 @@ export declare const actionDeleteSelected: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -495,10 +504,10 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: "none" | "capture";
     };
-    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

@@ -1,21 +1,21 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const distributeHorizontally: {
     name: "distributeHorizontally";
     label: string;
     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: "capture";
     };
-    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: "capture";
     };
-    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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppState } from "../types";
 export declare const actionDuplicateSelection: {
     name: "duplicateSelection";
     label: string;
@@ -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: "capture";
         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

@@ -17,6 +17,7 @@ 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",
@@ -33,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,
@@ -162,8 +163,7 @@ const duplicateElements = (elements, appState) => {
         }
     }
     // step (3)
-    const finalElements = finalElementsReversed.reverse();
-    syncMovedIndices(finalElements, arrayToMap([...oldElements, ...newElements]));
+    const finalElements = syncMovedIndices(finalElementsReversed.reverse(), arrayToMap(newElements));
     // ---------------------------------------------------------------------------
     bindTextToShapeAfterDuplication(elementsWithClones, oldElements, oldIdToDuplicatedId);
     fixBindingsAfterDuplication(elementsWithClones, oldElements, oldIdToDuplicatedId);