@zsviczian/excalidraw 0.10.0-obsidian-36 → 0.10.0-obsidian-40

package/types/actions/actionProperties.d.ts

@@ -34,6 +34,8 @@ export declare const actionChangeFillStyle: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -61,10 +63,6 @@ export declare const actionChangeFillStyle: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -103,6 +101,7 @@ export declare const actionChangeFillStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -129,6 +128,8 @@ export declare const actionChangeStrokeWidth: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -156,10 +157,6 @@ export declare const actionChangeStrokeWidth: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -198,6 +195,7 @@ export declare const actionChangeStrokeWidth: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -224,6 +222,8 @@ export declare const actionChangeSloppiness: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -251,10 +251,6 @@ export declare const actionChangeSloppiness: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -293,6 +289,7 @@ export declare const actionChangeSloppiness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -319,6 +316,8 @@ export declare const actionChangeStrokeStyle: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -346,10 +345,6 @@ export declare const actionChangeStrokeStyle: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -388,6 +383,7 @@ export declare const actionChangeStrokeStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -414,6 +410,8 @@ export declare const actionChangeOpacity: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -441,10 +439,6 @@ export declare const actionChangeOpacity: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -483,6 +477,7 @@ export declare const actionChangeOpacity: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -509,6 +504,8 @@ export declare const actionChangeFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -536,10 +533,6 @@ export declare const actionChangeFontSize: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -578,6 +571,7 @@ export declare const actionChangeFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: boolean;
     };
@@ -604,6 +598,8 @@ export declare const actionDecreaseFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -631,10 +627,6 @@ export declare const actionDecreaseFontSize: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -673,6 +665,7 @@ export declare const actionDecreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: boolean;
     };
@@ -699,6 +692,8 @@ export declare const actionIncreaseFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -726,10 +721,6 @@ export declare const actionIncreaseFontSize: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -768,6 +759,7 @@ export declare const actionIncreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: boolean;
     };
@@ -794,6 +786,8 @@ export declare const actionChangeFontFamily: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -821,10 +815,6 @@ export declare const actionChangeFontFamily: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -863,6 +853,7 @@ export declare const actionChangeFontFamily: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -889,6 +880,8 @@ export declare const actionChangeTextAlign: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -916,10 +909,6 @@ export declare const actionChangeTextAlign: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -958,6 +947,7 @@ export declare const actionChangeTextAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -985,6 +975,8 @@ export declare const actionChangeSharpness: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -1011,10 +1003,6 @@ export declare const actionChangeSharpness: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -1053,6 +1041,7 @@ export declare const actionChangeSharpness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };
@@ -1081,6 +1070,8 @@ export declare const actionChangeArrowhead: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -1109,10 +1100,6 @@ export declare const actionChangeArrowhead: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../../src/types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -1151,6 +1138,7 @@ export declare const actionChangeArrowhead: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: true;
     };

package/types/actions/actionStyles.d.ts

@@ -18,6 +18,8 @@ export declare const actionCopyStyles: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -46,10 +48,6 @@ export declare const actionCopyStyles: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -87,6 +85,7 @@ export declare const actionCopyStyles: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleGridMode.d.ts

@@ -18,6 +18,8 @@ export declare const actionToggleGridMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -46,10 +48,6 @@ export declare const actionToggleGridMode: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -87,6 +85,7 @@ export declare const actionToggleGridMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleStats.d.ts

@@ -17,6 +17,8 @@ export declare const actionToggleStats: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -45,10 +47,6 @@ export declare const actionToggleStats: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -86,6 +84,7 @@ export declare const actionToggleStats: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleViewMode.d.ts

@@ -17,6 +17,8 @@ export declare const actionToggleViewMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -45,10 +47,6 @@ export declare const actionToggleViewMode: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -86,6 +84,7 @@ export declare const actionToggleViewMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleZenMode.d.ts

@@ -17,6 +17,8 @@ export declare const actionToggleZenMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -45,10 +47,6 @@ export declare const actionToggleZenMode: {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -86,6 +84,7 @@ export declare const actionToggleZenMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
+            showHyperlinkPopup: false | "info" | "editor";
         };
         commitToHistory: false;
     };

package/types/actions/actionUnbindText.d.ts

@@ -0,0 +1,11 @@
+export declare const actionUnbindText: {
+    name: "unbindText";
+    contextItemLabel: string;
+    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+        elements: readonly import("../element/types").ExcalidrawElement[];
+        appState: Readonly<import("../types").AppState>;
+        commitToHistory: true;
+    };
+} & {
+    keyTest?: undefined;
+};

package/types/actions/index.d.ts

@@ -18,3 +18,5 @@ export { actionCopy, actionCut, actionCopyAsPng, actionCopyAsSvg, } from "./acti
 export { actionToggleGridMode } from "./actionToggleGridMode";
 export { actionToggleZenMode } from "./actionToggleZenMode";
 export { actionToggleStats } from "./actionToggleStats";
+export { actionUnbindText } from "./actionUnbindText";
+export { actionLink } from "../element/Hyperlink";

package/types/actions/shortcuts.d.ts

@@ -1,2 +1,2 @@
-export declare type ShortcutName = "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical";
+export declare type ShortcutName = "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "link";
 export declare const getShortcutFromShortcutName: (name: ShortcutName) => string;

package/types/actions/types.d.ts

@@ -14,7 +14,7 @@ export declare type ActionResult = {
 declare type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export declare type UpdaterFn = (res: ActionResult) => void;
 export declare type ActionFilterFn = (action: Action) => void;
-export declare type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToSelection" | "changeFontFamily" | "changeTextAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeSharpness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize";
+export declare type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToSelection" | "changeFontFamily" | "changeTextAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeSharpness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "link";
 export declare type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;
@@ -31,7 +31,7 @@ export interface Action {
     perform: ActionFn;
     keyPriority?: number;
     keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
-    contextItemLabel?: string;
+    contextItemLabel?: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => string);
     contextItemPredicate?: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     checked?: (appState: Readonly<AppState>) => boolean;
 }

package/types/appState.d.ts

@@ -6,10 +6,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     viewBackgroundColor?: string | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
-        translation: Readonly<{
-            x: number;
-            y: number;
-        }>;
     }> | undefined;
     shouldCacheIgnoreZoom?: boolean | undefined;
     theme?: string | undefined;

package/types/components/App.d.ts

@@ -29,6 +29,10 @@ declare class App extends React.Component<AppProps, AppState> {
     private excalidrawContainerValue;
     files: BinaryFiles;
     imageCache: AppClassProperties["imageCache"];
+    hitLinkElement?: NonDeletedExcalidrawElement;
+    lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null;
+    lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null;
+    contextMenuOpen: boolean;
     constructor(props: AppProps);
     private renderCanvas;
     render(): JSX.Element;
@@ -68,6 +72,7 @@ declare class App extends React.Component<AppProps, AppState> {
     setAppState: (obj: any) => void;
     removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;
     toggleLock: () => void;
+    togglePenMode: () => void;
     toggleZenMode: () => void;
     toggleStats: () => void;
     scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[]) => void;
@@ -79,6 +84,11 @@ declare class App extends React.Component<AppProps, AppState> {
     /** adds supplied files to existing files in the appState */
     addFiles: ExcalidrawImperativeAPI["addFiles"];
     setLocalFont: ExcalidrawImperativeAPI["setLocalFont"];
+    selectElements: ExcalidrawImperativeAPI["selectElements"];
+    bringToFront: ExcalidrawImperativeAPI["bringToFront"];
+    bringForward: ExcalidrawImperativeAPI["bringForward"];
+    sendToBack: ExcalidrawImperativeAPI["sendToBack"];
+    sendBackward: ExcalidrawImperativeAPI["sendBackward"];
     updateScene: <K extends keyof AppState>(sceneData: {
         elements?: SceneData["elements"];
         appState?: Pick<AppState, K> | null | undefined;
@@ -101,6 +111,10 @@ declare class App extends React.Component<AppProps, AppState> {
     private getElementsAtPosition;
     private startTextEditing;
     private handleCanvasDoubleClick;
+    private getElementLinkAtPosition;
+    private redirectToLink;
+    private attachLinkListener;
+    private detachLinkListener;
     private handleCanvasPointerMove;
     private handleTouchMove;
     private handleCanvasPointerDown;

package/types/components/ContextMenu.d.ts

@@ -2,6 +2,7 @@ import "./ContextMenu.scss";
 import { Action } from "../actions/types";
 import { ActionManager } from "../actions/manager";
 import { AppState } from "../types";
+import { NonDeletedExcalidrawElement } from "../element/types";
 export declare type ContextMenuOption = "separator" | Action;
 declare type ContextMenuProps = {
     options: ContextMenuOption[];
@@ -10,6 +11,7 @@ declare type ContextMenuProps = {
     left: number;
     actionManager: ActionManager;
     appState: Readonly<AppState>;
+    elements: readonly NonDeletedExcalidrawElement[];
 };
 declare type ContextMenuParams = {
     options: (ContextMenuOption | false | null | undefined)[];
@@ -18,6 +20,7 @@ declare type ContextMenuParams = {
     actionManager: ContextMenuProps["actionManager"];
     appState: Readonly<AppState>;
     container: HTMLElement;
+    elements: readonly NonDeletedExcalidrawElement[];
 };
 declare const _default: {
     push(params: ContextMenuParams): void;

package/types/components/LayerUI.d.ts

@@ -15,6 +15,7 @@ interface LayerUIProps {
     elements: readonly NonDeletedExcalidrawElement[];
     onCollabButtonClick?: () => void;
     onLockToggle: () => void;
+    onPenModeToggle: () => void;
     onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
     zenModeEnabled: boolean;
     showExitZenModeBtn: boolean;
@@ -34,5 +35,5 @@ interface LayerUIProps {
         insertOnCanvasDirectly: boolean;
     }) => void;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, canvas, elements, onCollabButtonClick, onLockToggle, onInsertElements, zenModeEnabled, showExitZenModeBtn, showThemeBtn, toggleZenMode, isCollaborating, renderTopRightUI, renderCustomFooter, viewModeEnabled, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, canvas, elements, onCollabButtonClick, onLockToggle, onPenModeToggle, onInsertElements, zenModeEnabled, showExitZenModeBtn, showThemeBtn, toggleZenMode, isCollaborating, renderTopRightUI, renderCustomFooter, viewModeEnabled, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/MobileMenu.d.ts

@@ -12,6 +12,7 @@ declare type MobileMenuProps = {
     libraryMenu: JSX.Element | null;
     onCollabButtonClick?: () => void;
     onLockToggle: () => void;
+    onPenModeToggle: () => void;
     canvas: HTMLCanvasElement | null;
     isCollaborating: boolean;
     renderCustomFooter?: (isMobile: boolean, appState: AppState) => JSX.Element;
@@ -22,5 +23,5 @@ declare type MobileMenuProps = {
     }) => void;
     renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
 };
-export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, canvas, isCollaborating, renderCustomFooter, viewModeEnabled, showThemeBtn, onImageAction, renderTopRightUI, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, onPenModeToggle, canvas, isCollaborating, renderCustomFooter, viewModeEnabled, showThemeBtn, onImageAction, renderTopRightUI, }: MobileMenuProps) => JSX.Element;
 export {};

package/types/components/PenModeButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "./ToolIcon.scss";
+declare type PenModeIconProps = {
+    title?: string;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    zenModeEnabled?: boolean;
+    isMobile?: boolean;
+    penDetected: boolean;
+};
+export declare const PenModeButton: (props: PenModeIconProps) => JSX.Element | null;
+export {};