@dwelle/excalidraw 0.3.40 → 0.3.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dwelle/excalidraw",
-  "version": "0.3.40",
+  "version": "0.3.44",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

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;

package/types/components/App.d.ts

@@ -104,11 +104,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/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",

package/types/element/Hyperlink.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
-import { AppState } from "../types";
+import { AppState, ExcalidrawProps } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";
 import "./Hyperlink.scss";
 export declare const EXTERNAL_LINK_IMG: HTMLImageElement;
-export declare const Hyperlink: ({ element, appState, setAppState, }: {
+export declare const Hyperlink: ({ element, appState, setAppState, onLinkOpen, }: {
     element: NonDeletedExcalidrawElement;
     appState: AppState;
     setAppState: React.Component<any, AppState>["setState"];
+    onLinkOpen: ExcalidrawProps["onLinkOpen"];
 }) => JSX.Element | null;
 export declare const normalizeLink: (link: string) => string;
 export declare const isLocalLink: (link: string | null) => boolean;
@@ -110,7 +111,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

@@ -141,7 +141,7 @@ export declare class LinearElementEditor {
             shouldCacheIgnoreZoom: boolean;
             showHelpDialog: boolean;
             toastMessage: string | null;
-            zenModeEnabled: boolean; /** @returns whether point was dragged */
+            zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
             viewModeEnabled: boolean;

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/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";
@@ -210,6 +210,7 @@ export interface ExcalidrawProps {
     onLibraryChange?: (libraryItems: LibraryItems) => void | Promise<any>;
     autoFocus?: boolean;
     generateIdForFile?: (file: File) => string | Promise<string>;
+    onLinkOpen?: (link: string, event: MouseEvent) => void;
 }
 export declare type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -306,7 +307,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);

package/types/utils.d.ts

@@ -19,6 +19,11 @@ export declare const debounce: <T extends any[]>(fn: (...args: T) => void, timeo
     flush(): void;
     cancel(): void;
 };
+export declare const throttleRAF: <T extends any[]>(fn: (...args: T) => void) => {
+    (...args: T): void;
+    flush(): void;
+    cancel(): void;
+};
 export declare const chunk: <T extends unknown>(array: readonly T[], size: number) => T[][];
 export declare const selectNode: (node: Element) => void;
 export declare const removeSelection: () => void;
@@ -82,6 +87,15 @@ export declare const resolvablePromise: <T>() => ResolvablePromise<T>;
  * @param func handler taking at most single parameter (event).
  */
 export declare const withBatchedUpdates: <TFunction extends ((event: any) => void) | (() => void)>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) => TFunction;
+/**
+ * barches React state updates and throttles the calls to a single call per
+ * animation frame
+ */
+export declare const withBatchedUpdatesThrottled: <TFunction extends ((event: any) => void) | (() => void)>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) => {
+    (...args: Parameters<TFunction>): void;
+    flush(): void;
+    cancel(): void;
+};
 export declare const nFormatter: (num: number, digits: number) => string;
 export declare const getVersion: () => string;
 export declare const supportsEmoji: () => boolean;