@zsviczian/excalidraw 0.10.0-obsidian-45 → 0.10.0-obsidian-49

package/types/actions/actionProperties.d.ts

@@ -102,6 +102,13 @@ export declare const actionChangeFillStyle: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -196,6 +203,13 @@ export declare const actionChangeStrokeWidth: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -290,6 +304,13 @@ export declare const actionChangeSloppiness: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -384,6 +405,13 @@ export declare const actionChangeStrokeStyle: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -478,6 +506,13 @@ export declare const actionChangeOpacity: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -572,6 +607,13 @@ export declare const actionChangeFontSize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
@@ -666,6 +708,13 @@ export declare const actionDecreaseFontSize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
@@ -760,6 +809,13 @@ export declare const actionIncreaseFontSize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
@@ -854,6 +910,13 @@ export declare const actionChangeFontFamily: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -948,6 +1011,13 @@ export declare const actionChangeTextAlign: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -1042,6 +1112,13 @@ export declare const actionChangeSharpness: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -1139,6 +1216,13 @@ export declare const actionChangeArrowhead: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };

package/types/actions/actionStyles.d.ts

@@ -86,6 +86,13 @@ export declare const actionCopyStyles: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleGridMode.d.ts

@@ -86,6 +86,13 @@ export declare const actionToggleGridMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleStats.d.ts

@@ -85,6 +85,13 @@ export declare const actionToggleStats: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleViewMode.d.ts

@@ -85,6 +85,13 @@ export declare const actionToggleViewMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleZenMode.d.ts

@@ -85,6 +85,13 @@ export declare const actionToggleZenMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/components/App.d.ts

@@ -116,6 +116,7 @@ declare class App extends React.Component<AppProps, AppState> {
     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/components/ColorPicker.d.ts

@@ -1,10 +1,15 @@
 /// <reference types="react" />
 import "./ColorPicker.scss";
-export declare const ColorPicker: ({ type, color, onChange, label, isActive, setActive, }: {
+export declare const ColorPicker: ({ type, color, onChange, label, isActive, setActive, colorPalette, }: {
     type: "canvasBackground" | "elementBackground" | "elementStroke";
     color: string | null;
     onChange: (color: string) => void;
     label: string;
     isActive: boolean;
     setActive: (active: boolean) => void;
+    colorPalette: {
+        canvasBackground?: string[];
+        elementBackground?: string[];
+        elementStroke?: string[];
+    };
 }) => JSX.Element;

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

@@ -99,6 +99,13 @@ export declare const actionLink: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElement: import("./types").NonDeleted<import("./types").ExcalidrawImageElement> | null;
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -111,7 +118,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,13 @@ export declare class LinearElementEditor {
             };
             pendingImageElement: NonDeleted<import("./types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
     };
     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,13 @@ export declare type AppState = {
     /** imageElement waiting to be placed on canvas */
     pendingImageElement: NonDeleted<ExcalidrawImageElement> | null;
     showHyperlinkPopup: false | "info" | "editor";
+    linkOpacity: number;
+    trayModeEnabled: boolean;
+    colorPalette: {
+        canvasBackground?: string[];
+        elementBackground?: string[];
+        elementStroke?: string[];
+    };
 };
 export declare type NormalizedZoomValue = number & {
     _brand: "normalizedZoom";
@@ -205,7 +212,7 @@ export interface ExcalidrawProps {
     generateIdForFile?: (file: File) => string | Promise<string>;
     onThemeChange?: (newTheme: string) => void;
     onLinkOpen?: (element: NonDeletedExcalidrawElement, event: CustomEvent<{
-        nativeEvent: MouseEvent;
+        nativeEvent: MouseEvent | React.PointerEvent<HTMLCanvasElement>;
     }>) => void;
     onLinkHover?: (element: NonDeletedExcalidrawElement, event: React.PointerEvent<HTMLCanvasElement>) => void;
 }
@@ -306,7 +313,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

@@ -20,6 +20,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;
@@ -83,6 +88,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;