@excalidraw/excalidraw 0.17.1-88812e0 → 0.17.1-96eeec5

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";
@@ -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,7 +167,7 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     } | {
         elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
@@ -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>;
         };
-        storeAction: import("../store").StoreActionType;
+        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,7 +504,7 @@ export declare const actionDeleteSelected: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none" | "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <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;
@@ -10,7 +10,7 @@ export declare const distributeHorizontally: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
@@ -26,7 +26,7 @@ export declare const distributeVertically: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;

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;
@@ -9,7 +9,7 @@ export declare const actionDuplicateSelection: {
         category: "element";
     };
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
         elements?: readonly ExcalidrawElement[] | null | undefined;
         appState?: import("../utility-types").MarkOptional<AppState, "width" | "height" | "offsetTop" | "offsetLeft"> | null | undefined;
         files?: import("../types").BinaryFiles | null | undefined;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
+import type { ExcalidrawElement } from "../element/types";
 export declare const actionToggleElementLock: {
     name: "toggleElementLock";
     label: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, app: import("../types").AppClassProperties) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";
@@ -142,7 +142,10 @@ export declare const actionToggleElementLock: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -162,7 +165,7 @@ export declare const actionToggleElementLock: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
@@ -310,7 +313,10 @@ export declare const actionUnlockAllElements: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -331,7 +337,7 @@ export declare const actionUnlockAllElements: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     label: string;
 } & {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Theme } from "../element/types";
+import type { Theme } from "../element/types";
 import "../components/ToolIcon.scss";
 export declare const actionChangeProjectName: {
     name: "changeProjectName";
@@ -137,7 +137,10 @@ export declare const actionChangeProjectName: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -158,7 +161,7 @@ export declare const actionChangeProjectName: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     PanelComponent: ({ appState, updateData, appProps, data, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -303,7 +306,10 @@ export declare const actionChangeExportScale: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -324,7 +330,7 @@ export declare const actionChangeExportScale: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -469,7 +475,10 @@ export declare const actionChangeExportBackground: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -490,7 +499,7 @@ export declare const actionChangeExportBackground: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -635,7 +644,10 @@ export declare const actionChangeExportEmbedScene: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -656,7 +668,7 @@ export declare const actionChangeExportEmbedScene: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -671,7 +683,7 @@ export declare const actionSaveToActiveFile: {
     };
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
         appState: {
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             toast: {
@@ -801,7 +813,10 @@ export declare const actionSaveToActiveFile: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -823,7 +838,7 @@ export declare const actionSaveToActiveFile: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
         appState?: undefined;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
@@ -839,7 +854,7 @@ export declare const actionSaveFileToDisk: {
         category: "export";
     };
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
         appState: {
             openDialog: null;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
@@ -958,7 +973,10 @@ export declare const actionSaveFileToDisk: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -980,7 +998,7 @@ export declare const actionSaveFileToDisk: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
         appState?: undefined;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
@@ -1125,7 +1143,10 @@ export declare const actionLoadScene: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1146,7 +1167,7 @@ export declare const actionLoadScene: {
             followedBy: Set<import("../types").SocketId>;
         };
         files: import("../types").BinaryFiles;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     } | {
         elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
@@ -1280,7 +1301,10 @@ export declare const actionLoadScene: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1302,7 +1326,7 @@ export declare const actionLoadScene: {
             followedBy: Set<import("../types").SocketId>;
         };
         files: import("../types").BinaryFiles;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
@@ -1447,7 +1471,10 @@ export declare const actionExportWithDarkMode: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1468,7 +1495,7 @@ export declare const actionExportWithDarkMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {

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

@@ -1,6 +1,6 @@
 /// <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;
@@ -139,7 +139,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;
@@ -159,7 +162,7 @@ export declare const actionFinalize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     } | {
         elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
@@ -292,7 +295,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,7 +317,7 @@ export declare const actionFinalize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
     PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;

package/dist/excalidraw/actions/actionFinalize.js

@@ -91,7 +91,7 @@ export const actionFinalize = register({
                 !isLoop &&
                 multiPointElement.points.length > 1) {
                 const [x, y] = LinearElementEditor.getPointAtIndexGlobalCoordinates(multiPointElement, -1, arrayToMap(elements));
-                maybeBindLinearElement(multiPointElement, appState, { x, y }, app);
+                maybeBindLinearElement(multiPointElement, appState, { x, y }, elementsMap);
             }
         }
         if ((!appState.activeTool.locked &&

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

@@ -1,6 +1,6 @@
 /// <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 actionFlipHorizontal: {
     name: "flipHorizontal";
     label: string;
@@ -11,7 +11,7 @@ export declare const actionFlipHorizontal: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
@@ -27,7 +27,7 @@ export declare const actionFlipVertical: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {

package/dist/excalidraw/actions/actionFlip.js

@@ -5,10 +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",
@@ -42,15 +43,13 @@ const flipSelectedElements = (elements, elementsMap, appState, flipDirection, ap
         includeBoundTextElement: true,
         includeElementsInFrames: true,
     });
-    const updatedElements = flipElements(selectedElements, elements, elementsMap, appState, flipDirection, app);
+    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, app) => {
+const flipElements = (selectedElements, elementsMap, appState, flipDirection, app) => {
     const { minX, minY, maxX, maxY } = getCommonBoundingBox(selectedElements);
     resizeMultipleElements(elementsMap, selectedElements, elementsMap, "nw", true, true, flipDirection === "horizontal" ? maxX : minX, flipDirection === "horizontal" ? minY : maxY);
-    isBindingEnabled(appState)
-        ? bindOrUnbindSelectedElements(selectedElements, app)
-        : unbindLinearElements(selectedElements, elementsMap);
+    bindOrUnbindLinearElements(selectedElements.filter(isLinearElement), elementsMap, isBindingEnabled(appState), []);
     return selectedElements;
 };