@zsviczian/excalidraw 0.18.0-53 → 0.18.0-55

package/types/excalidraw/actions/actionSelectAll.d.ts

@@ -8,7 +8,7 @@ export declare const actionSelectAll: {
         category: "canvas";
     };
     viewMode: false;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: unknown, app: import("../types").AppClassProperties) => false | {
         appState: {
             selectedLinearElement: LinearElementEditor | null;
             editingGroupId: string | null;
@@ -36,7 +36,7 @@ export declare const actionSelectAll: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -98,12 +98,14 @@ export declare const actionSelectAll: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -221,6 +223,7 @@ export declare const actionSelectAll: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     };

package/types/excalidraw/actions/actionStyles.d.ts

@@ -6,7 +6,7 @@ export declare const actionCopyStyles: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             toast: {
                 message: string;
@@ -29,7 +29,7 @@ export declare const actionCopyStyles: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -91,12 +91,14 @@ export declare const actionCopyStyles: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -217,6 +219,7 @@ export declare const actionCopyStyles: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -231,7 +234,7 @@ export declare const actionPasteStyles: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: unknown, app: import("../types").AppClassProperties) => {
         elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
         captureUpdate: "EVENTUALLY";
     } | {

package/types/excalidraw/actions/actionTextAutoResize.d.ts

@@ -7,7 +7,7 @@ export declare const actionTextAutoResize: {
         category: "element";
     };
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: unknown, app: AppClassProperties) => {
         appState: Readonly<import("../types").AppState>;
         elements: import("@excalidraw/element/types").OrderedExcalidrawElement[];
         captureUpdate: "IMMEDIATELY";

package/types/excalidraw/actions/actionToggleGridMode.d.ts

@@ -31,7 +31,7 @@ export declare const actionToggleGridMode: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -93,12 +93,14 @@ export declare const actionToggleGridMode: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -222,6 +224,7 @@ export declare const actionToggleGridMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts

@@ -29,7 +29,7 @@ export declare const actionToggleObjectsSnapMode: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -91,12 +91,14 @@ export declare const actionToggleObjectsSnapMode: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -220,6 +222,7 @@ export declare const actionToggleObjectsSnapMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionToggleSearchMenu.d.ts

@@ -10,7 +10,7 @@ export declare const actionToggleSearchMenu: {
         action: string;
         predicate: (appState: Readonly<AppState>) => boolean;
     };
-    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties): false | {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties): false | {
         appState: {
             openSidebar: {
                 name: "default";
@@ -35,7 +35,7 @@ export declare const actionToggleSearchMenu: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -213,6 +213,7 @@ export declare const actionToggleSearchMenu: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionToggleShapeSwitch.d.ts

@@ -9,7 +9,7 @@ export declare const actionToggleShapeSwitch: {
         action: string;
     };
     keywords: string[];
-    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: unknown, app: import("../types").AppClassProperties): {
         captureUpdate: "NEVER";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;

package/types/excalidraw/actions/actionToggleStats.d.ts

@@ -31,7 +31,7 @@ export declare const actionToggleStats: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -93,12 +93,14 @@ export declare const actionToggleStats: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -220,6 +222,7 @@ export declare const actionToggleStats: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionToggleViewMode.d.ts

@@ -7,7 +7,7 @@ export declare const actionToggleViewMode: {
         category: "canvas";
         predicate: (appState: Readonly<import("../types").AppState>) => boolean;
     };
-    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: unknown, app: import("../types").AppClassProperties): {
         appState: {
             viewModeEnabled: boolean;
             contextMenu: {
@@ -28,7 +28,7 @@ export declare const actionToggleViewMode: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -90,12 +90,14 @@ export declare const actionToggleViewMode: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -220,6 +222,7 @@ export declare const actionToggleViewMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionToggleZenMode.d.ts

@@ -28,7 +28,7 @@ export declare const actionToggleZenMode: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -90,12 +90,14 @@ export declare const actionToggleZenMode: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -220,6 +222,7 @@ export declare const actionToggleZenMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionTrayMenu.d.ts

@@ -25,7 +25,7 @@ export declare const actionToggleTrayEditMenu: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -86,12 +86,14 @@ export declare const actionToggleTrayEditMenu: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
                 sourceElementId: string;
@@ -217,6 +219,7 @@ export declare const actionToggleTrayEditMenu: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

package/types/excalidraw/actions/actionZindex.d.ts

@@ -6,7 +6,7 @@ export declare const actionSendBackward: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: unknown, app: import("../types").AppClassProperties) => {
         elements: readonly import("@excalidraw/element/types").ExcalidrawElement[];
         appState: Readonly<import("../types").AppState>;
         captureUpdate: "IMMEDIATELY";
@@ -25,7 +25,7 @@ export declare const actionBringForward: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: unknown, app: import("../types").AppClassProperties) => {
         elements: readonly import("@excalidraw/element/types").ExcalidrawElement[];
         appState: Readonly<import("../types").AppState>;
         captureUpdate: "IMMEDIATELY";

package/types/excalidraw/actions/manager.d.ts

@@ -3,7 +3,7 @@ import type { OrderedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState } from "../types";
 import type { Action, UpdaterFn, ActionName, ActionResult, PanelComponentProps, ActionSource } from "./types";
 export declare class ActionManager {
-    actions: Record<ActionName, Action>;
+    actions: Record<ActionName, Action<any>>;
     updater: (actionResult: ActionResult | Promise<ActionResult>) => void;
     getAppState: () => Readonly<AppState>;
     getElementsIncludingDeleted: () => readonly OrderedExcalidrawElement[];

package/types/excalidraw/actions/register.d.ts

@@ -1,5 +1,5 @@
 import type { Action } from "./types";
 export declare let actions: readonly Action[];
-export declare const register: <T extends Action>(action: T) => T & {
+export declare const register: <TData extends unknown, T extends Action<TData> = Action<TData>>(action: T) => T & {
     keyTest?: (unknown extends T["keyTest"] ? never : T["keyTest"]) | undefined;
 };

package/types/excalidraw/actions/types.d.ts

@@ -11,7 +11,7 @@ export type ActionResult = {
     captureUpdate: CaptureUpdateActionType;
     replaceFiles?: boolean;
 } | false;
-type ActionFn = (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
+type ActionFn<TData = any> = (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: TData | undefined, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export type UpdaterFn = (res: ActionResult) => void;
 export type ActionFilterFn = (action: Action) => void;
 export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "changeArrowProperties" | "changeOpacity" | "changeFontSize" | "toggleTrayEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "toggleLaserPointerTool" | "toggleFrameRole" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "toggleLassoTool" | "toggleShapeSwitch" | "togglePolygon";
@@ -24,13 +24,13 @@ export type PanelComponentProps = {
     app: AppClassProperties;
     renderAction: (name: ActionName, data?: PanelComponentProps["data"]) => React.JSX.Element | null;
 };
-export interface Action {
+export interface Action<TData = any> {
     name: ActionName;
     label: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, app: AppClassProperties) => string);
     keywords?: string[];
     icon?: React.ReactNode | ((appState: UIAppState, elements: readonly ExcalidrawElement[]) => React.ReactNode);
     PanelComponent?: React.FC<PanelComponentProps>;
-    perform: ActionFn;
+    perform: ActionFn<TData>;
     keyPriority?: number;
     keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean;
     predicate?: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: ExcalidrawProps, app: AppClassProperties) => boolean;

package/types/excalidraw/appState.d.ts

@@ -18,6 +18,10 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     } | undefined;
     selectedLinearElement?: import("@excalidraw/element").LinearElementEditor | null | undefined;
     zenModeEnabled?: boolean | undefined;
+    shouldCacheIgnoreZoom?: boolean | undefined;
+    exportScale?: number | undefined;
+    bindMode?: import("@excalidraw/element/types").BindMode | undefined;
+    gridSize?: number | undefined;
     showWelcomeScreen?: boolean | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").ActiveTool | null;
@@ -33,7 +37,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     exportBackground?: boolean | undefined;
     exportEmbedScene?: boolean | undefined;
     exportWithDarkMode?: boolean | undefined;
-    exportScale?: number | undefined;
     currentItemStrokeColor?: string | undefined;
     currentItemBackgroundColor?: string | undefined;
     currentItemFillStyle?: import("@excalidraw/element/types").FillStyle | undefined;
@@ -61,8 +64,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     previousSelectedElementIds?: {
         [id: string]: true;
     } | undefined;
-    shouldCacheIgnoreZoom?: boolean | undefined;
-    gridSize?: number | undefined;
     gridStep?: number | undefined;
     gridModeEnabled?: boolean | undefined;
     stats?: {

package/types/excalidraw/components/App.d.ts

@@ -24,7 +24,7 @@ export declare const useApp: () => AppClassProperties;
 export declare const useAppProps: () => AppProps;
 export declare const useEditorInterface: () => Readonly<{
     formFactor: "phone" | "tablet" | "desktop";
-    desktopUIMode: "compact" | "full" | "tray";
+    desktopUIMode: "tray" | "full" | "compact";
     userAgent: Readonly<{
         isMobileDevice: boolean;
         platform: "other" | "unknown" | "ios" | "android";
@@ -57,7 +57,6 @@ declare class App extends React.Component<AppProps, AppState> {
     renderer: Renderer;
     visibleElements: readonly NonDeletedExcalidrawElement[];
     private resizeObserver;
-    private nearestScrollableContainer;
     library: AppClassProperties["library"];
     libraryItemsFromStorage: LibraryItems | undefined;
     id: string;
@@ -85,6 +84,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private elementsPendingErasure;
     flowChartCreator: FlowChartCreator;
     private flowChartNavigator;
+    bindModeHandler: ReturnType<typeof setTimeout> | null;
     hitLinkElement?: NonDeletedExcalidrawElement;
     lastPointerDownEvent: React.PointerEvent<HTMLElement> | null;
     lastPointerUpEvent: React.PointerEvent<HTMLElement> | PointerEvent | null;
@@ -252,6 +252,10 @@ declare class App extends React.Component<AppProps, AppState> {
     constructor(props: AppProps);
     updateEditorAtom: <Value, Args extends unknown[], Result>(atom: WritableAtom<Value, Args, Result>, ...args: Args) => Result;
     private onWindowMessage;
+    private handleSkipBindMode;
+    private resetDelayedBindMode;
+    private previousHoveredBindableElement;
+    private handleDelayedBindModeChange;
     private cacheEmbeddableRef;
     /**
      * Returns gridSize taking into account `gridModeEnabled`.
@@ -553,7 +557,6 @@ declare class App extends React.Component<AppProps, AppState> {
      *  to render new images. This is just a failsafe  */
     private scheduleImageRefresh;
     private updateBindingEnabledOnPointerMove;
-    private maybeSuggestBindingAtCursor;
     setSelection(elements: readonly NonDeletedExcalidrawElement[]): void;
     private clearSelection;
     private handleInteractiveCanvasRef;
@@ -572,6 +575,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private updateDOMRect;
     refresh: () => void;
     private getCanvasOffsets;
+    watchState: () => void;
     private updateLanguage;
 }
 export default App;

package/types/excalidraw/components/CommandPalette/types.d.ts

@@ -1,6 +1,5 @@
 import type { ActionManager } from "../../actions/manager";
 import type { Action } from "../../actions/types";
-import type { UIAppState } from "../../types";
 export type CommandPaletteItem = {
     label: string;
     /** additional keywords to match against
@@ -11,7 +10,7 @@ export type CommandPaletteItem = {
      * (deburred name + keywords)
      */
     haystack?: string;
-    icon?: React.ReactNode | ((appState: UIAppState) => React.ReactNode);
+    icon?: Action["icon"];
     category: string;
     order?: number;
     predicate?: boolean | Action["predicate"];

package/types/excalidraw/components/Stats/utils.d.ts

@@ -15,5 +15,5 @@ export declare const newOrigin: (x1: number, y1: number, w1: number, h1: number,
     x: number;
     y: number;
 };
-export declare const moveElement: (newTopLeftX: number, newTopLeftY: number, originalElement: ExcalidrawElement, scene: Scene, originalElementsMap: ElementsMap, shouldInformMutation?: boolean) => void;
+export declare const moveElement: (newTopLeftX: number, newTopLeftY: number, originalElement: ExcalidrawElement, scene: Scene, appState: AppState, originalElementsMap: ElementsMap, shouldInformMutation?: boolean) => void;
 export declare const getAtomicUnits: (targetElements: readonly ExcalidrawElement[], appState: AppState) => AtomicUnit[];

package/types/excalidraw/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -6,7 +6,7 @@ declare const LiveCollaborationTrigger: {
         onSelect: () => void;
         editorInterface?: Readonly<{
             formFactor: "phone" | "tablet" | "desktop";
-            desktopUIMode: "compact" | "full" | "tray";
+            desktopUIMode: "tray" | "full" | "compact";
             userAgent: Readonly<{
                 isMobileDevice: boolean;
                 platform: "other" | "unknown" | "ios" | "android";

package/types/excalidraw/data/restore.d.ts

@@ -1,4 +1,4 @@
-import type { ExcalidrawArrowElement, ExcalidrawElement, ExcalidrawLinearElement, ExcalidrawSelectionElement, ExcalidrawTextElement, OrderedExcalidrawElement } from "@excalidraw/element/types";
+import type { ElementsMap, ExcalidrawArrowElement, ExcalidrawElement, ExcalidrawLinearElement, ExcalidrawSelectionElement, ExcalidrawTextElement, OrderedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, BinaryFiles, LibraryItem } from "../types";
 import type { ImportedDataState } from "./types";
 type RestoredAppState = Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
@@ -8,10 +8,10 @@ export type RestoredDataState = {
     appState: RestoredAppState;
     files: BinaryFiles;
 };
-export declare const restoreElement: (element: Exclude<ExcalidrawElement, ExcalidrawSelectionElement>, opts?: {
+export declare const restoreElement: (element: Exclude<ExcalidrawElement, ExcalidrawSelectionElement>, elementsMap: Readonly<ElementsMap>, opts?: {
     deleteInvisibleElements?: boolean;
 }) => ExcalidrawLinearElement | import("@excalidraw/element/types").ExcalidrawRectangleElement | import("@excalidraw/element/types").ExcalidrawDiamondElement | import("@excalidraw/element/types").ExcalidrawEllipseElement | import("@excalidraw/element/types").ExcalidrawEmbeddableElement | import("@excalidraw/element/types").ExcalidrawIframeElement | import("@excalidraw/element/types").ExcalidrawImageElement | import("@excalidraw/element/types").ExcalidrawFrameElement | import("@excalidraw/element/types").ExcalidrawMagicFrameElement | ExcalidrawTextElement | import("@excalidraw/element/types").ExcalidrawFreeDrawElement | ExcalidrawArrowElement | null;
-export declare const restoreElements: (elements: ImportedDataState["elements"], localElements: readonly ExcalidrawElement[] | null | undefined, opts?: {
+export declare const restoreElements: (targetElements: ImportedDataState["elements"], localElements: readonly ExcalidrawElement[] | null | undefined, opts?: {
     refreshDimensions?: boolean;
     repairBindings?: boolean;
     deleteInvisibleElements?: boolean;

package/types/excalidraw/index.d.ts

@@ -17,14 +17,13 @@ export { reconcileElements } from "./data/reconcile";
 export { exportToCanvas, exportToBlob, exportToSvg, exportToClipboard, } from "@excalidraw/utils/export";
 export { getCommonBoundingBox } from "@excalidraw/element/bounds";
 export { getMaximumGroups } from "@excalidraw/element/groups";
-export { determineFocusDistance } from "@excalidraw/element/binding";
 export { measureText } from "@excalidraw/element/textMeasurements";
 export { wrapText } from "@excalidraw/element/textWrapping";
 export { getLineHeight } from "@excalidraw/common";
 export { getFontString, getFontFamilyString } from "@excalidraw/common";
 export { getBoundTextMaxWidth } from "@excalidraw/element/textElement";
 export { mermaidToExcalidraw } from "./components/TTDDialog/MermaidToExcalidrawLib";
-export { destroyObsidianUtils, registerLocalFont, getFontMetrics, getFontFamilies, registerFontsInCSS, getCSSFontDefinition, loadSceneFonts, getSharedMermaidInstance, loadMermaid, intersectElementWithLine, } from "../excalidraw/obsidianUtils";
+export { registerLocalFont, getFontMetrics, getFontFamilies, registerFontsInCSS, getCSSFontDefinition, loadSceneFonts, getSharedMermaidInstance, loadMermaid, intersectElementWithLine, } from "../excalidraw/obsidianUtils";
 export { refreshTextDimensions } from "@excalidraw/element/newElement";
 export { syncMovedIndices, syncInvalidIndices } from "@excalidraw/element";
 export { getContainerElement } from "@excalidraw/element/textElement";
@@ -33,7 +32,8 @@ export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, } from "
 export { getFreeDrawSvgPath } from "@excalidraw/element";
 export { mergeLibraryItems, getLibraryItemsHash } from "./data/library";
 export { isLinearElement } from "@excalidraw/element";
-export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS, DEFAULT_LASER_COLOR, UserIdleState, normalizeLink, sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, getFormFactor, safelyParseJSON, } from "@excalidraw/common";
+export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS, DEFAULT_LASER_COLOR, UserIdleState, normalizeLink, sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, getFormFactor, safelyParseJSON, //zsviczian
+destroyObsidianUtils, } from "@excalidraw/common";
 export { mutateElement, newElementWith, bumpVersion, } from "@excalidraw/element";
 export { CaptureUpdateAction } from "@excalidraw/element";
 export { parseLibraryTokensFromUrl, useHandleLibrary } from "./data/library";

package/types/excalidraw/obsidianUtils.d.ts

@@ -3,11 +3,6 @@ import type { FontMetadata } from "@excalidraw/common";
 import type { ElementsMap, ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState } from "./types";
 import type { MermaidToExcalidrawLibProps } from "./components/TTDDialog/common";
-export declare let hostPlugin: any;
-export declare function destroyObsidianUtils(): void;
-export declare function initializeObsidianUtils(): void;
-export declare function getAreaLimit(): any;
-export declare function getWidthHeightLimit(): any;
 export declare function allowDoubleTapEraser(): any;
 export declare function isPanWithRightMouseEnabled(): boolean;
 export declare function getMaxZoom(): number;

package/types/excalidraw/renderer/helpers.d.ts

@@ -1,4 +1,3 @@
-import type { ElementsMap, ExcalidrawDiamondElement, ExcalidrawRectanguloidElement } from "@excalidraw/element/types";
 import type { StaticCanvasRenderConfig } from "../scene/types";
 import type { AppState, StaticCanvasAppState } from "../types";
 export declare const fillCircle: (context: CanvasRenderingContext2D, cx: number, cy: number, radius: number, stroke: boolean, fill?: boolean) => void;
@@ -12,7 +11,4 @@ export declare const bootstrapCanvas: ({ canvas, scale, normalizedWidth, normali
     isExporting?: boolean | undefined;
     viewBackgroundColor?: string | null | undefined;
 }) => CanvasRenderingContext2D;
-export declare const drawHighlightForRectWithRotation: (context: CanvasRenderingContext2D, element: ExcalidrawRectanguloidElement, elementsMap: ElementsMap, padding: number) => void;
-export declare const strokeEllipseWithRotation: (context: CanvasRenderingContext2D, width: number, height: number, cx: number, cy: number, angle: number) => void;
-export declare const strokeRectWithRotation: (context: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, cx: number, cy: number, angle: number, fill?: boolean, radius?: number) => void;
-export declare const drawHighlightForDiamondWithRotation: (context: CanvasRenderingContext2D, padding: number, element: ExcalidrawDiamondElement, elementsMap: ElementsMap) => void;
+export declare const strokeRectWithRotation_simple: (context: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, cx: number, cy: number, angle: number, fill?: boolean, radius?: number) => void;

package/types/excalidraw/renderer/interactiveScene.d.ts

@@ -4,7 +4,7 @@ import type { InteractiveSceneRenderConfig, RenderableElementsMap } from "../sce
  * Interactive scene is the ui-canvas where we render bounding boxes, selections
  * and other ui stuff.
  */
-export declare const renderInteractiveScene: <U extends ({ canvas, elementsMap, visibleElements, selectedElements, allElementsMap, scale, appState, renderConfig, editorInterface, animationState, deltaTime, }: InteractiveSceneRenderConfig) => {
+export declare const renderInteractiveScene: <U extends ({ app, canvas, elementsMap, visibleElements, selectedElements, allElementsMap, scale, appState, renderConfig, editorInterface, animationState, deltaTime, }: InteractiveSceneRenderConfig) => {
     scrollBars?: import("../scene/types").ScrollBars | undefined;
     atLeastOneVisibleElement: boolean;
     elementsMap: RenderableElementsMap;