@zsviczian/excalidraw 0.10.0-obsidian-42 → 0.10.0-obsidian-46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.10.0-obsidian-42",
+  "version": "0.10.0-obsidian-46",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -44,7 +44,7 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.16.7",
+    "@babel/core": "7.17.0",
     "@babel/plugin-transform-arrow-functions": "7.16.7",
     "@babel/plugin-transform-async-to-generator": "7.16.0",
     "@babel/plugin-transform-runtime": "7.16.8",
@@ -56,17 +56,17 @@
     "babel-loader": "8.2.3",
     "babel-plugin-transform-class-properties": "6.24.1",
     "cross-env": "7.0.3",
-    "css-loader": "6.5.1",
+    "css-loader": "6.6.0",
     "mini-css-extract-plugin": "2.4.6",
     "postcss-loader": "6.2.1",
     "sass-loader": "12.4.0",
-    "terser-webpack-plugin": "5.3.0",
+    "terser-webpack-plugin": "5.3.1",
     "ts-loader": "9.2.6",
     "typescript": "4.5.4",
     "webpack": "5.65.0",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "4.9.1",
-    "webpack-dev-server": "4.7.3",
+    "webpack-cli": "4.9.2",
+    "webpack-dev-server": "4.7.4",
     "webpack-merge": "5.8.0"
   },
   "bugs": "https://github.com/excalidraw/excalidraw/issues",
@@ -76,7 +76,9 @@
     "build:umd": "cross-env NODE_ENV=production webpack --config webpack.prod.config.js && cross-env NODE_ENV=development webpack --config webpack.dev.config.js && yarn gen:types",
     "build:umd:withAnalyzer": "cross-env NODE_ENV=production ANALYZER=true webpack --config webpack.prod.config.js",
     "pack": "yarn build:umd && yarn pack",
-    "start": "webpack serve --config webpack.dev-server.config.js "
+    "start": "webpack serve --config webpack.dev-server.config.js",
+    "install:deps": "yarn install --frozen-lockfile && yarn --cwd ../../../",
+    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js"
   },
   "dependencies": {
     "dotenv": "10.0.0"

package/types/actions/actionAddToLibrary.d.ts

@@ -85,6 +85,7 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
     } | {
         commitToHistory: false;
@@ -171,6 +172,7 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
     }> | {
         commitToHistory: false;
@@ -257,6 +259,7 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
     };
     contextItemLabel: string;

package/types/actions/actionCanvas.d.ts

@@ -32,6 +32,7 @@ export declare const actionClearCanvas: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
+            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "freedraw";
             scrollX: number;
             scrollY: number;
             viewBackgroundColor: string;
@@ -51,7 +52,6 @@ export declare const actionClearCanvas: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             exportWithDarkMode: boolean;
             exportScale: number;
             currentItemStrokeColor: string;
@@ -95,6 +95,7 @@ export declare const actionClearCanvas: {
             currentChartType: import("../element/types").ChartType;
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -188,6 +189,7 @@ export declare const actionZoomIn: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -282,6 +284,7 @@ export declare const actionZoomOut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -376,6 +379,7 @@ export declare const actionResetZoom: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -468,6 +472,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         };
         pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
         showHyperlinkPopup: false | "info" | "editor";
+        linkOpacity: number;
     };
     commitToHistory: boolean;
 };
@@ -557,6 +562,7 @@ export declare const actionZoomToSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
@@ -650,6 +656,7 @@ export declare const actionZoomToFit: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
@@ -743,6 +750,7 @@ export declare const actionToggleTheme: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionClipboard.d.ts

@@ -96,6 +96,7 @@ export declare const actionCut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     } | {
@@ -200,6 +201,7 @@ export declare const actionCut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     } | {
@@ -285,6 +287,7 @@ export declare const actionCut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
@@ -382,6 +385,7 @@ export declare const actionCopyAsSvg: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     }>;
@@ -478,6 +482,7 @@ export declare const actionCopyAsPng: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     }>;

package/types/actions/actionDeleteSelected.d.ts

@@ -89,6 +89,7 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     } | {
@@ -193,6 +194,7 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     } | {
@@ -278,6 +280,7 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };

package/types/actions/actionExport.d.ts

@@ -86,6 +86,7 @@ export declare const actionChangeProjectName: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -179,6 +180,7 @@ export declare const actionChangeExportScale: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -272,6 +274,7 @@ export declare const actionChangeExportBackground: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -365,6 +368,7 @@ export declare const actionChangeExportEmbedScene: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -459,6 +463,7 @@ export declare const actionSaveToActiveFile: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
     } | {
         commitToHistory: false;
@@ -556,6 +561,7 @@ export declare const actionSaveFileToDisk: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
     } | {
         commitToHistory: false;
@@ -649,6 +655,7 @@ export declare const actionLoadScene: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         files: import("../types").BinaryFiles;
         commitToHistory: true;
@@ -737,6 +744,7 @@ export declare const actionLoadScene: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         files: import("../types").BinaryFiles;
         commitToHistory: false;
@@ -832,6 +840,7 @@ export declare const actionExportWithDarkMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionFinalize.d.ts

@@ -87,6 +87,7 @@ export declare const actionFinalize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     } | {
@@ -174,11 +175,12 @@ export declare const actionFinalize: {
                 data: import("../charts").Spreadsheet;
             };
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState) => boolean;
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData, data }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState) => boolean) | undefined;
 };

package/types/actions/actionMenu.d.ts

@@ -85,6 +85,7 @@ export declare const actionToggleCanvasMenu: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -178,6 +179,7 @@ export declare const actionToggleEditMenu: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };
@@ -280,6 +282,7 @@ export declare const actionShortcuts: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionProperties.d.ts

@@ -102,6 +102,7 @@ export declare const actionChangeFillStyle: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -196,6 +197,7 @@ export declare const actionChangeStrokeWidth: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -290,6 +292,7 @@ export declare const actionChangeSloppiness: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -384,6 +387,7 @@ export declare const actionChangeStrokeStyle: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -478,6 +482,7 @@ export declare const actionChangeOpacity: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -572,6 +577,7 @@ export declare const actionChangeFontSize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
@@ -666,6 +672,7 @@ export declare const actionDecreaseFontSize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
@@ -760,6 +767,7 @@ export declare const actionIncreaseFontSize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: boolean;
     };
@@ -854,6 +862,7 @@ export declare const actionChangeFontFamily: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -948,6 +957,7 @@ export declare const actionChangeTextAlign: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -1042,6 +1052,7 @@ export declare const actionChangeSharpness: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -1139,6 +1150,7 @@ export declare const actionChangeArrowhead: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: true;
     };

package/types/actions/actionStyles.d.ts

@@ -86,6 +86,7 @@ export declare const actionCopyStyles: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleGridMode.d.ts

@@ -86,6 +86,7 @@ export declare const actionToggleGridMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleStats.d.ts

@@ -85,6 +85,7 @@ export declare const actionToggleStats: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleViewMode.d.ts

@@ -85,6 +85,7 @@ export declare const actionToggleViewMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleZenMode.d.ts

@@ -85,6 +85,7 @@ export declare const actionToggleZenMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
         commitToHistory: false;
     };

package/types/components/App.d.ts

@@ -85,6 +85,7 @@ declare class App extends React.Component<AppProps, AppState> {
     addFiles: ExcalidrawImperativeAPI["addFiles"];
     setLocalFont: ExcalidrawImperativeAPI["setLocalFont"];
     selectElements: ExcalidrawImperativeAPI["selectElements"];
+    setLinkOpacity: ExcalidrawImperativeAPI["setLinkOpacity"];
     bringToFront: ExcalidrawImperativeAPI["bringToFront"];
     bringForward: ExcalidrawImperativeAPI["bringForward"];
     sendToBack: ExcalidrawImperativeAPI["sendToBack"];
@@ -113,11 +114,10 @@ declare class App extends React.Component<AppProps, AppState> {
     private handleCanvasDoubleClick;
     private getElementLinkAtPosition;
     private redirectToLink;
-    private attachLinkListener;
-    private detachLinkListener;
     private handleCanvasPointerMove;
     private handleTouchMove;
     private handleCanvasPointerDown;
+    private handleCanvasPointerUp;
     private maybeOpenContextMenuAfterPointerDownOnTouchDevices;
     private maybeCleanupAfterMissingPointerUp;
     private handleCanvasPanUsingWheelOrSpaceDrag;

package/types/components/ButtonIconSelect.d.ts

@@ -4,6 +4,7 @@ export declare const ButtonIconSelect: <T extends Object>({ options, value, onCh
         value: T;
         text: string;
         icon: JSX.Element;
+        testId?: string | undefined;
     }[];
     value: T | null;
     onChange: (value: T) => void;

package/types/constants.d.ts

@@ -17,10 +17,10 @@ export declare const CURSOR_TYPE: {
     AUTO: string;
 };
 export declare const POINTER_BUTTON: {
-    MAIN: number;
-    WHEEL: number;
-    SECONDARY: number;
-    TOUCH: number;
+    readonly MAIN: 0;
+    readonly WHEEL: 1;
+    readonly SECONDARY: 2;
+    readonly TOUCH: -1;
 };
 export declare enum EVENT {
     COPY = "copy",
@@ -47,7 +47,8 @@ export declare enum EVENT {
     TOUCH_END = "touchend",
     HASHCHANGE = "hashchange",
     VISIBILITY_CHANGE = "visibilitychange",
-    SCROLL = "scroll"
+    SCROLL = "scroll",
+    EXCALIDRAW_LINK = "excalidraw-link"
 }
 export declare const ENV: {
     TEST: string;

package/types/element/Hyperlink.d.ts

@@ -99,6 +99,7 @@ export declare const actionLink: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("./types").NonDeleted<import("./types").ExcalidrawImageElement> | null;
+            linkOpacity: number;
         };
         commitToHistory: true;
     };
@@ -111,7 +112,7 @@ export declare const actionLink: {
 };
 export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.edit" | "labels.link.create";
 export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: AppState) => [x: number, y: number, width: number, height: number];
-export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number]) => boolean;
+export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number], isMobile: boolean) => boolean;
 export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState) => void;
 export declare const hideHyperlinkToolip: () => void;
 export declare const shouldHideLinkPopup: (element: NonDeletedExcalidrawElement, appState: AppState, [clientX, clientY]: readonly [number, number]) => Boolean;

package/types/element/linearElementEditor.d.ts

@@ -167,6 +167,7 @@ export declare class LinearElementEditor {
             };
             pendingImageElement: NonDeleted<import("./types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
         };
     };
     static deletePoints(element: NonDeleted<ExcalidrawLinearElement>, pointIndices: readonly number[]): void;

package/types/keys.d.ts

@@ -1,5 +1,6 @@
 export declare const isDarwin: boolean;
 export declare const isWindows: boolean;
+export declare const isAndroid: boolean;
 export declare const CODES: {
     readonly EQUAL: "Equal";
     readonly MINUS: "Minus";

package/types/renderer/renderElement.d.ts

@@ -13,7 +13,16 @@ export interface ExcalidrawElementWithCanvas {
     canvasOffsetY: number;
 }
 export declare const DEFAULT_LINK_SIZE = 14;
-export declare const getShapeForElement: (element: ExcalidrawElement) => Drawable | Drawable[] | null | undefined;
+declare type ElementShape = Drawable | Drawable[] | null;
+declare type ElementShapes = {
+    freedraw: Drawable | null;
+    arrow: Drawable[];
+    line: Drawable[];
+    text: null;
+    image: null;
+};
+export declare const getShapeForElement: <T extends ExcalidrawElement>(element: T) => T["type"] extends keyof ElementShapes ? ElementShapes[T["type"]] | undefined : Drawable | null | undefined;
+export declare const setShapeForElement: <T extends ExcalidrawElement>(element: T, shape: T["type"] extends keyof ElementShapes ? ElementShapes[T["type"]] : Drawable) => WeakMap<ExcalidrawElement, ElementShape>;
 export declare const invalidateShapeForElement: (element: ExcalidrawElement) => boolean;
 export declare const generateRoughOptions: (element: ExcalidrawElement, continuousPath?: boolean) => Options;
 export declare const renderElement: (element: NonDeletedExcalidrawElement, rc: RoughCanvas, context: CanvasRenderingContext2D, renderConfig: RenderConfig) => void;
@@ -22,3 +31,4 @@ export declare const pathsCache: WeakMap<ExcalidrawFreeDrawElement, Path2D>;
 export declare function generateFreeDrawShape(element: ExcalidrawFreeDrawElement): Path2D;
 export declare function getFreeDrawPath2D(element: ExcalidrawFreeDrawElement): Path2D | undefined;
 export declare function getFreeDrawSvgPath(element: ExcalidrawFreeDrawElement): string;
+export {};

package/types/types.d.ts

@@ -6,7 +6,7 @@ import { LinearElementEditor } from "./element/linearElementEditor";
 import { SuggestedBinding } from "./element/binding";
 import { ImportedDataState } from "./data/types";
 import type App from "./components/App";
-import type { ResolvablePromise } from "./utils";
+import type { ResolvablePromise, throttleRAF } from "./utils";
 import { Spreadsheet } from "./charts";
 import { Language } from "./i18n";
 import { ClipboardData } from "./clipboard";
@@ -126,6 +126,7 @@ export declare type AppState = {
     /** imageElement waiting to be placed on canvas */
     pendingImageElement: NonDeleted<ExcalidrawImageElement> | null;
     showHyperlinkPopup: false | "info" | "editor";
+    linkOpacity: number;
 };
 export declare type NormalizedZoomValue = number & {
     _brand: "normalizedZoom";
@@ -204,7 +205,11 @@ export interface ExcalidrawProps {
     onBeforeTextSubmit?: (textElement: ExcalidrawTextElement, textToSubmit: string, originalText: string, isDeleted: boolean) => [string, string, string];
     generateIdForFile?: (file: File) => string | Promise<string>;
     onThemeChange?: (newTheme: string) => void;
-    onLinkOpen?: (link: string, event: MouseEvent) => void;
+    onLinkOpen?: (element: NonDeletedExcalidrawElement, event: CustomEvent<{
+        nativeEvent: MouseEvent | React.PointerEvent<HTMLCanvasElement>;
+    }>) => void;
+    onLinkHover?: (element: NonDeletedExcalidrawElement, event: React.PointerEvent<HTMLCanvasElement>) => void;
+    linkOpacity?: number;
 }
 export declare type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -303,7 +308,7 @@ export declare type PointerDownState = Readonly<{
         } | null;
     };
     eventListeners: {
-        onMove: null | ((event: PointerEvent) => void);
+        onMove: null | ReturnType<typeof throttleRAF>;
         onUp: null | ((event: PointerEvent) => void);
         onKeyDown: null | ((event: KeyboardEvent) => void);
         onKeyUp: null | ((event: KeyboardEvent) => void);
@@ -338,5 +343,6 @@ export declare type ExcalidrawImperativeAPI = {
     bringForward: (elements: readonly ExcalidrawElement[]) => void;
     sendToBack: (elements: readonly ExcalidrawElement[]) => void;
     bringToFront: (elements: readonly ExcalidrawElement[]) => void;
+    setLinkOpacity: (opacity?: number) => void;
 };
 export {};