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

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

@@ -1,15 +1,16 @@
 /// <reference types="react" />
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { AppState } from "../types";
+import type { AppState } from "../types";
 export declare const actionFinalize: {
     name: "finalize";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<AppState>, _: any, { interactiveCanvas, focusContainer, scene }: import("../types").AppClassProperties) => {
-        elements: import("../element/types").ExcalidrawElement[] | undefined;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+        elements: import("../element/types").OrderedExcalidrawElement[] | undefined;
         appState: {
             cursorButton: "up";
             editingLinearElement: null;
+            selectedLinearElement: null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -61,6 +62,7 @@ export declare const actionFinalize: {
             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;
@@ -73,7 +75,7 @@ export declare const actionFinalize: {
                 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;
@@ -138,7 +140,10 @@ export declare const actionFinalize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -149,7 +154,6 @@ export declare const actionFinalize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -159,9 +163,9 @@ export declare const actionFinalize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     } | {
-        elements: readonly import("../element/types").ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             cursorButton: "up";
             activeTool: {
@@ -218,6 +222,7 @@ export declare const actionFinalize: {
             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;
@@ -230,7 +235,7 @@ export declare const actionFinalize: {
                 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;
@@ -292,7 +297,10 @@ export declare const actionFinalize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -311,10 +319,10 @@ export declare const actionFinalize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: "capture";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: AppState) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
     PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: AppState) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };

package/dist/excalidraw/actions/actionFinalize.js

@@ -9,15 +9,16 @@ import { register } from "./register";
 import { mutateElement } from "../element/mutateElement";
 import { isPathALoop } from "../math";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import Scene from "../scene/Scene";
 import { maybeBindLinearElement, bindOrUnbindLinearElement, } from "../element/binding";
 import { isBindingElement, isLinearElement } from "../element/typeChecks";
 import { resetCursor } from "../cursor";
+import { StoreAction } from "../store";
 export const actionFinalize = register({
     name: "finalize",
     label: "",
     trackEvent: false,
-    perform: (elements, appState, _, { interactiveCanvas, focusContainer, scene }) => {
+    perform: (elements, appState, _, app) => {
+        const { interactiveCanvas, focusContainer, scene } = app;
         const elementsMap = scene.getNonDeletedElementsMap();
         if (appState.editingLinearElement) {
             const { elementId, startBindingElement, endBindingElement } = appState.editingLinearElement;
@@ -34,8 +35,9 @@ export const actionFinalize = register({
                         ...appState,
                         cursorButton: "up",
                         editingLinearElement: null,
+                        selectedLinearElement: null,
                     },
-                    commitToHistory: true,
+                    storeAction: StoreAction.CAPTURE,
                 };
             }
         }
@@ -66,6 +68,7 @@ export const actionFinalize = register({
                 }
             }
             if (isInvisiblySmallElement(multiPointElement)) {
+                // TODO: #7348 in theory this gets recorded by the store, so the invisible elements could be restored by the undo/redo, which might be not what we would want
                 newElements = newElements.filter((el) => el.id !== multiPointElement.id);
             }
             // If the multi point line closes the loop,
@@ -88,7 +91,7 @@ export const actionFinalize = register({
                 !isLoop &&
                 multiPointElement.points.length > 1) {
                 const [x, y] = LinearElementEditor.getPointAtIndexGlobalCoordinates(multiPointElement, -1, arrayToMap(elements));
-                maybeBindLinearElement(multiPointElement, appState, Scene.getScene(multiPointElement), { x, y }, elementsMap);
+                maybeBindLinearElement(multiPointElement, appState, { x, y }, elementsMap);
             }
         }
         if ((!appState.activeTool.locked &&
@@ -140,7 +143,8 @@ export const actionFinalize = register({
                     : appState.selectedLinearElement,
                 pendingImageElementId: null,
             },
-            commitToHistory: appState.activeTool.type === "freedraw",
+            // TODO: #7348 we should not capture everything, but if we don't, it leads to incosistencies -> revisit
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event, appState) => (event.key === KEYS.ESCAPE &&

package/dist/excalidraw/actions/actionFlip.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 { AppClassProperties, AppState } from "../types";
 export declare const actionFlipHorizontal: {
     name: "flipHorizontal";
     label: string;
@@ -8,14 +8,14 @@ export declare const actionFlipHorizontal: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: true;
+        storeAction: "capture";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionFlipVertical: {
     name: "flipVertical";
@@ -24,12 +24,12 @@ export declare const actionFlipVertical: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: true;
+        storeAction: "capture";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/dist/excalidraw/actions/actionFlip.js

@@ -5,9 +5,11 @@ import { resizeMultipleElements } from "../element/resizeElements";
 import { arrayToMap } from "../utils";
 import { CODES, KEYS } from "../keys";
 import { getCommonBoundingBox } from "../element/bounds";
-import { bindOrUnbindSelectedElements, isBindingEnabled, unbindLinearElements, } from "../element/binding";
+import { bindOrUnbindLinearElements, isBindingEnabled, } from "../element/binding";
 import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { flipHorizontal, flipVertical } from "../components/icons";
+import { StoreAction } from "../store";
+import { isLinearElement } from "../element/typeChecks";
 export const actionFlipHorizontal = register({
     name: "flipHorizontal",
     label: "labels.flipHorizontal",
@@ -15,9 +17,9 @@ export const actionFlipHorizontal = register({
     trackEvent: { category: "element" },
     perform: (elements, appState, _, app) => {
         return {
-            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, app.scene.getNonDeletedElementsMap(), appState, "horizontal"), appState, app),
+            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, app.scene.getNonDeletedElementsMap(), appState, "horizontal", app), appState, app),
             appState,
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event.shiftKey && event.code === CODES.H,
@@ -29,27 +31,25 @@ export const actionFlipVertical = register({
     trackEvent: { category: "element" },
     perform: (elements, appState, _, app) => {
         return {
-            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, app.scene.getNonDeletedElementsMap(), appState, "vertical"), appState, app),
+            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, app.scene.getNonDeletedElementsMap(), appState, "vertical", app), appState, app),
             appState,
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event.shiftKey && event.code === CODES.V && !event[KEYS.CTRL_OR_CMD],
 });
-const flipSelectedElements = (elements, elementsMap, appState, flipDirection) => {
+const flipSelectedElements = (elements, elementsMap, appState, flipDirection, app) => {
     const selectedElements = getSelectedElements(getNonDeletedElements(elements), appState, {
         includeBoundTextElement: true,
         includeElementsInFrames: true,
     });
-    const updatedElements = flipElements(selectedElements, elements, elementsMap, appState, flipDirection);
+    const updatedElements = flipElements(selectedElements, elementsMap, appState, flipDirection, app);
     const updatedElementsMap = arrayToMap(updatedElements);
     return elements.map((element) => updatedElementsMap.get(element.id) || element);
 };
-const flipElements = (selectedElements, elements, elementsMap, appState, flipDirection) => {
+const flipElements = (selectedElements, elementsMap, appState, flipDirection, app) => {
     const { minX, minY, maxX, maxY } = getCommonBoundingBox(selectedElements);
-    resizeMultipleElements(elementsMap, selectedElements, elementsMap, "nw", true, flipDirection === "horizontal" ? maxX : minX, flipDirection === "horizontal" ? minY : maxY);
-    isBindingEnabled(appState)
-        ? bindOrUnbindSelectedElements(selectedElements, elements, elementsMap)
-        : unbindLinearElements(selectedElements, elementsMap);
+    resizeMultipleElements(elementsMap, selectedElements, elementsMap, "nw", true, true, flipDirection === "horizontal" ? maxX : minX, flipDirection === "horizontal" ? minY : maxY);
+    bindOrUnbindLinearElements(selectedElements.filter(isLinearElement), elementsMap, isBindingEnabled(appState), []);
     return selectedElements;
 };

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

@@ -1,16 +1,173 @@
 /// <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 actionSelectAllElementsInFrame: {
     name: "selectAllElementsInFrame";
     label: string;
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
+        appState: {
+            selectedElementIds: Record<string, true>;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            activeEmbeddable: {
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
+            } | null;
+            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+            } & import("../types").ActiveTool;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            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;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "text-to-diagram" | "mermaid";
+            } | {
+                name: "commandPalette";
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../element/types").Theme;
+            gridSize: number | null;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, Readonly<{
+                pointer?: import("../types").CollaboratorPointer | undefined;
+                button?: "up" | "down" | undefined;
+                selectedElementIds?: Readonly<{
+                    [id: string]: true;
+                }> | undefined;
+                username?: string | null | undefined;
+                userState?: import("../types").UserIdleState | undefined;
+                color?: {
+                    background: string;
+                    stroke: string;
+                } | undefined;
+                avatarUrl?: string | undefined;
+                id?: string | undefined;
+                socketId?: import("../types").SocketId | undefined;
+                isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
+            }>>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+        };
+        storeAction: "capture";
+    } | {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: false;
+        storeAction: "none";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
 } & {
@@ -22,8 +179,8 @@ export declare const actionRemoveAllElementsFromFrame: {
     trackEvent: {
         category: "history";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             selectedElementIds: {
                 [x: string]: true;
@@ -80,6 +237,7 @@ export declare const actionRemoveAllElementsFromFrame: {
             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;
@@ -93,7 +251,7 @@ export declare const actionRemoveAllElementsFromFrame: {
                 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;
@@ -155,7 +313,10 @@ export declare const actionRemoveAllElementsFromFrame: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -176,11 +337,11 @@ export declare const actionRemoveAllElementsFromFrame: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: "capture";
     } | {
-        elements: readonly ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: false;
+        storeAction: "none";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
 } & {
@@ -193,8 +354,8 @@ export declare const actionupdateFrameRendering: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             frameRendering: {
                 enabled: boolean;
@@ -248,6 +409,7 @@ export declare const actionupdateFrameRendering: {
             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;
@@ -261,7 +423,7 @@ export declare const actionupdateFrameRendering: {
                 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;
@@ -326,7 +488,10 @@ export declare const actionupdateFrameRendering: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -347,7 +512,7 @@ export declare const actionupdateFrameRendering: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     };
     checked: (appState: AppState) => boolean;
 } & {
@@ -361,8 +526,8 @@ export declare const actionSetFrameAsActiveTool: {
     };
     icon: JSX.Element;
     viewMode: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -416,6 +581,7 @@ export declare const actionSetFrameAsActiveTool: {
             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;
@@ -429,7 +595,7 @@ export declare const actionSetFrameAsActiveTool: {
                 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;
@@ -494,7 +660,10 @@ export declare const actionSetFrameAsActiveTool: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -515,9 +684,9 @@ export declare const actionSetFrameAsActiveTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: "none";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/dist/excalidraw/actions/actionFrame.js

@@ -7,6 +7,7 @@ import { setCursorForShape } from "../cursor";
 import { register } from "./register";
 import { isFrameLikeElement } from "../element/typeChecks";
 import { frameToolIcon } from "../components/icons";
+import { StoreAction } from "../store";
 const isSingleFrameSelected = (appState, app) => {
     const selectedElements = app.scene.getSelectedElements(appState);
     return (selectedElements.length === 1 && isFrameLikeElement(selectedElements[0]));
@@ -28,13 +29,13 @@ export const actionSelectAllElementsInFrame = register({
                         return acc;
                     }, {}),
                 },
-                commitToHistory: false,
+                storeAction: StoreAction.CAPTURE,
             };
         }
         return {
             elements,
             appState,
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     predicate: (elements, appState, _, app) => isSingleFrameSelected(appState, app),
@@ -54,13 +55,13 @@ export const actionRemoveAllElementsFromFrame = register({
                         [selectedElement.id]: true,
                     },
                 },
-                commitToHistory: true,
+                storeAction: StoreAction.CAPTURE,
             };
         }
         return {
             elements,
             appState,
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     predicate: (elements, appState, _, app) => isSingleFrameSelected(appState, app),
@@ -80,7 +81,7 @@ export const actionupdateFrameRendering = register({
                     enabled: !appState.frameRendering.enabled,
                 },
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     checked: (appState) => appState.frameRendering.enabled,
@@ -107,7 +108,7 @@ export const actionSetFrameAsActiveTool = register({
                     type: "frame",
                 }),
             },
-            commitToHistory: false,
+            storeAction: StoreAction.NONE,
         };
     },
     keyTest: (event) => !event[KEYS.CTRL_OR_CMD] &&