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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.10.0-obsidian-35",
+  "version": "0.10.0-obsidian-39",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -47,7 +47,7 @@
     "@babel/core": "7.16.7",
     "@babel/plugin-transform-arrow-functions": "7.16.7",
     "@babel/plugin-transform-async-to-generator": "7.16.0",
-    "@babel/plugin-transform-runtime": "7.16.4",
+    "@babel/plugin-transform-runtime": "7.16.8",
     "@babel/plugin-transform-typescript": "7.16.1",
     "@babel/preset-env": "7.16.7",
     "@babel/preset-react": "7.16.7",
@@ -66,7 +66,7 @@
     "webpack": "5.65.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "4.9.1",
-    "webpack-dev-server": "4.7.2",
+    "webpack-dev-server": "4.7.3",
     "webpack-merge": "5.8.0"
   },
   "bugs": "https://github.com/excalidraw/excalidraw/issues",

package/types/actions/actionAddToLibrary.d.ts

@@ -17,6 +17,7 @@ export declare const actionAddToLibrary: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -103,6 +104,7 @@ export declare const actionAddToLibrary: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -190,6 +192,7 @@ export declare const actionAddToLibrary: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionCanvas.d.ts

@@ -19,6 +19,7 @@ export declare const actionClearCanvas: {
             files: {};
             theme: string;
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             gridSize: number | null;
@@ -127,6 +128,7 @@ export declare const actionZoomIn: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -222,6 +224,7 @@ export declare const actionZoomOut: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -317,6 +320,7 @@ export declare const actionResetZoom: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -412,6 +416,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
         elementLocked: boolean;
+        penLocked: boolean;
         exportBackground: boolean;
         exportEmbedScene: boolean;
         exportWithDarkMode: boolean;
@@ -502,6 +507,7 @@ export declare const actionZoomToSelected: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -596,6 +602,7 @@ export declare const actionZoomToFit: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -682,6 +689,7 @@ export declare const actionToggleTheme: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionClipboard.d.ts

@@ -27,6 +27,7 @@ export declare const actionCut: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -132,6 +133,7 @@ export declare const actionCut: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -221,6 +223,7 @@ export declare const actionCut: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -316,6 +319,7 @@ export declare const actionCopyAsSvg: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -413,6 +417,7 @@ export declare const actionCopyAsPng: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionDeleteSelected.d.ts

@@ -20,6 +20,7 @@ export declare const actionDeleteSelected: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -125,6 +126,7 @@ export declare const actionDeleteSelected: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -214,6 +216,7 @@ export declare const actionDeleteSelected: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionExport.d.ts

@@ -18,6 +18,7 @@ export declare const actionChangeProjectName: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -112,6 +113,7 @@ export declare const actionChangeExportScale: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -206,6 +208,7 @@ export declare const actionChangeExportBackground: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
             exportScale: number;
@@ -300,6 +303,7 @@ export declare const actionChangeExportEmbedScene: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportWithDarkMode: boolean;
             exportScale: number;
@@ -396,6 +400,7 @@ export declare const actionSaveToActiveFile: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -493,6 +498,7 @@ export declare const actionSaveFileToDisk: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -603,6 +609,7 @@ export declare const actionLoadScene: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -675,6 +682,7 @@ export declare const actionLoadScene: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -772,6 +780,7 @@ export declare const actionExportWithDarkMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportScale: number;

package/types/actions/actionFinalize.d.ts

@@ -18,6 +18,7 @@ export declare const actionFinalize: {
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -110,6 +111,7 @@ export declare const actionFinalize: {
             isBindingEnabled: boolean;
             editingLinearElement: LinearElementEditor | null;
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionMenu.d.ts

@@ -17,6 +17,7 @@ export declare const actionToggleCanvasMenu: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -111,6 +112,7 @@ export declare const actionToggleEditMenu: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -214,6 +216,7 @@ export declare const actionShortcuts: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionProperties.d.ts

@@ -34,6 +34,7 @@ export declare const actionChangeFillStyle: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -129,6 +130,7 @@ export declare const actionChangeStrokeWidth: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -224,6 +226,7 @@ export declare const actionChangeSloppiness: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -319,6 +322,7 @@ export declare const actionChangeStrokeStyle: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -414,6 +418,7 @@ export declare const actionChangeOpacity: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -509,6 +514,7 @@ export declare const actionChangeFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -604,6 +610,7 @@ export declare const actionDecreaseFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -699,6 +706,7 @@ export declare const actionIncreaseFontSize: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -794,6 +802,7 @@ export declare const actionChangeFontFamily: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -889,6 +898,7 @@ export declare const actionChangeTextAlign: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -985,6 +995,7 @@ export declare const actionChangeSharpness: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -1081,6 +1092,7 @@ export declare const actionChangeArrowhead: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionStyles.d.ts

@@ -18,6 +18,7 @@ export declare const actionCopyStyles: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionToggleGridMode.d.ts

@@ -18,6 +18,7 @@ export declare const actionToggleGridMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionToggleStats.d.ts

@@ -17,6 +17,7 @@ export declare const actionToggleStats: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionToggleViewMode.d.ts

@@ -17,6 +17,7 @@ export declare const actionToggleViewMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/actionToggleZenMode.d.ts

@@ -17,6 +17,7 @@ export declare const actionToggleZenMode: {
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;

package/types/actions/types.d.ts

@@ -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

@@ -16,6 +16,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     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

@@ -68,6 +68,7 @@ declare class App extends React.Component<AppProps, AppState> {
     setAppState: (obj: any) => void;
     removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;
     toggleLock: () => void;
+    togglePenLock: () => void;
     toggleZenMode: () => void;
     toggleStats: () => void;
     scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[]) => void;
@@ -79,6 +80,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;

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;
+    onPenLockToggle: () => 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, onPenLockToggle, 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;
+    onPenLockToggle: () => 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, onPenLockToggle, 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 PenLockIconProps = {
+    title?: string;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    zenModeEnabled?: boolean;
+    isMobile?: boolean;
+    elementType: string;
+};
+export declare const PenLockButton: (props: PenLockIconProps) => JSX.Element | null;
+export {};

package/types/components/Popover.d.ts

@@ -6,6 +6,10 @@ declare type Props = {
     children?: React.ReactNode;
     onCloseRequest?(event: PointerEvent): void;
     fitInViewport?: boolean;
+    offsetLeft?: number;
+    offsetTop?: number;
+    viewportWidth?: number;
+    viewportHeight?: number;
 };
-export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, }: Props) => JSX.Element;
+export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, }: Props) => JSX.Element;
 export {};

package/types/element/linearElementEditor.d.ts

@@ -98,6 +98,7 @@ export declare class LinearElementEditor {
             editingElement: import("./types").NonDeletedExcalidrawElement | null;
             elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             elementLocked: boolean;
+            penLocked: boolean;
             exportBackground: boolean;
             exportEmbedScene: boolean;
             exportWithDarkMode: boolean;
@@ -145,6 +146,7 @@ export declare class LinearElementEditor {
             toastMessage: string | null;
             zenModeEnabled: boolean;
             theme: string;
+            /** @returns whether point was dragged */
             gridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {

package/types/element/newElement.d.ts

@@ -18,7 +18,7 @@ export declare const updateTextElement: (element: ExcalidrawTextElement, { text,
     isDeleted?: boolean | undefined;
     originalText: string;
     rawText?: string | undefined;
-}, isSubmit: boolean) => ExcalidrawTextElement;
+}) => ExcalidrawTextElement;
 export declare const newFreeDrawElement: (opts: {
     type: "freedraw";
     points?: ExcalidrawFreeDrawElement["points"];