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

package/types/actions/actionProperties.d.ts

@@ -34,7 +34,8 @@ export declare const actionChangeFillStyle: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -62,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;
@@ -104,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;
     };
@@ -130,7 +128,8 @@ export declare const actionChangeStrokeWidth: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -158,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;
@@ -200,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;
     };
@@ -226,7 +222,8 @@ export declare const actionChangeSloppiness: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -254,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;
@@ -296,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;
     };
@@ -322,7 +316,8 @@ export declare const actionChangeStrokeStyle: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -350,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;
@@ -392,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;
     };
@@ -418,7 +410,8 @@ export declare const actionChangeOpacity: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -446,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;
@@ -488,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;
     };
@@ -514,7 +504,8 @@ export declare const actionChangeFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -542,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;
@@ -584,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;
     };
@@ -610,7 +598,8 @@ export declare const actionDecreaseFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -638,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;
@@ -680,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;
     };
@@ -706,7 +692,8 @@ export declare const actionIncreaseFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -734,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;
@@ -776,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;
     };
@@ -802,7 +786,8 @@ export declare const actionChangeFontFamily: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -830,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;
@@ -872,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;
     };
@@ -898,7 +880,8 @@ export declare const actionChangeTextAlign: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -926,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;
@@ -968,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;
     };
@@ -995,7 +975,8 @@ export declare const actionChangeSharpness: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -1022,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;
@@ -1064,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;
     };
@@ -1092,7 +1070,8 @@ export declare const actionChangeArrowhead: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -1121,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;
@@ -1163,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,7 +18,8 @@ export declare const actionCopyStyles: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -47,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;
@@ -88,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,7 +18,8 @@ export declare const actionToggleGridMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -47,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;
@@ -88,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,7 +17,8 @@ export declare const actionToggleStats: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -46,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;
@@ -87,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,7 +17,8 @@ export declare const actionToggleViewMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -46,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;
@@ -87,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,7 +17,8 @@ export declare const actionToggleZenMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
-            penLocked: boolean;
+            penMode: boolean;
+            penDetected: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -46,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;
@@ -87,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;

package/types/appState.d.ts

@@ -6,17 +6,12 @@ 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;
     name?: string | undefined;
     elementType?: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | undefined;
     elementLocked?: boolean | undefined;
-    penLocked?: boolean | undefined;
     exportBackground?: boolean | undefined;
     exportEmbedScene?: boolean | undefined;
     exportWithDarkMode?: boolean | 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,7 +72,7 @@ declare class App extends React.Component<AppProps, AppState> {
     setAppState: (obj: any) => void;
     removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;
     toggleLock: () => void;
-    togglePenLock: () => void;
+    togglePenMode: () => void;
     toggleZenMode: () => void;
     toggleStats: () => void;
     scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[]) => void;
@@ -107,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/LayerUI.d.ts

@@ -15,7 +15,7 @@ interface LayerUIProps {
     elements: readonly NonDeletedExcalidrawElement[];
     onCollabButtonClick?: () => void;
     onLockToggle: () => void;
-    onPenLockToggle: () => void;
+    onPenModeToggle: () => void;
     onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
     zenModeEnabled: boolean;
     showExitZenModeBtn: boolean;
@@ -35,5 +35,5 @@ interface LayerUIProps {
         insertOnCanvasDirectly: boolean;
     }) => void;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, canvas, elements, onCollabButtonClick, onLockToggle, onPenLockToggle, 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,7 +12,7 @@ declare type MobileMenuProps = {
     libraryMenu: JSX.Element | null;
     onCollabButtonClick?: () => void;
     onLockToggle: () => void;
-    onPenLockToggle: () => void;
+    onPenModeToggle: () => void;
     canvas: HTMLCanvasElement | null;
     isCollaborating: boolean;
     renderCustomFooter?: (isMobile: boolean, appState: AppState) => JSX.Element;
@@ -23,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, onPenLockToggle, 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

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

package/types/components/Tooltip.d.ts

@@ -1,5 +1,12 @@
 import "./Tooltip.scss";
 import React from "react";
+export declare const getTooltipDiv: () => HTMLDivElement;
+export declare const updateTooltipPosition: (tooltip: HTMLDivElement, item: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, position?: "bottom" | "top") => void;
 declare type TooltipProps = {
     children: React.ReactNode;
     label: string;

package/types/components/icons.d.ts

@@ -168,4 +168,5 @@ export declare const TextAlignRightIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
 export declare const publishIcon: JSX.Element;
+export declare const editIcon: JSX.Element;
 export {};