@zsviczian/excalidraw 0.17.1-obsidian-15 → 0.17.1-obsidian-17

package/types/excalidraw/actions/actionProperties.d.ts

@@ -82,7 +82,7 @@ export declare const actionChangeFillStyle: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -160,7 +160,7 @@ export declare const actionChangeFillStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -273,7 +273,7 @@ export declare const actionChangeStrokeWidth: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -351,7 +351,7 @@ export declare const actionChangeStrokeWidth: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -464,7 +464,7 @@ export declare const actionChangeSloppiness: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -542,7 +542,7 @@ export declare const actionChangeSloppiness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -655,7 +655,7 @@ export declare const actionChangeStrokeStyle: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -733,7 +733,7 @@ export declare const actionChangeStrokeStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -846,7 +846,7 @@ export declare const actionChangeOpacity: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -924,7 +924,7 @@ export declare const actionChangeOpacity: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1038,7 +1038,7 @@ export declare const actionChangeFontSize: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1116,7 +1116,7 @@ export declare const actionChangeFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1229,7 +1229,7 @@ export declare const actionDecreaseFontSize: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1307,7 +1307,7 @@ export declare const actionDecreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1420,7 +1420,7 @@ export declare const actionIncreaseFontSize: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1498,7 +1498,7 @@ export declare const actionIncreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1611,7 +1611,7 @@ export declare const actionChangeFontFamily: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1689,7 +1689,7 @@ export declare const actionChangeFontFamily: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1802,7 +1802,7 @@ export declare const actionChangeTextAlign: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1880,7 +1880,7 @@ export declare const actionChangeTextAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -1995,7 +1995,7 @@ export declare const actionChangeVerticalAlign: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -2073,7 +2073,7 @@ export declare const actionChangeVerticalAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -2186,7 +2186,7 @@ export declare const actionChangeRoundness: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -2264,7 +2264,7 @@ export declare const actionChangeRoundness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -2380,7 +2380,7 @@ export declare const actionChangeArrowhead: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -2458,7 +2458,7 @@ export declare const actionChangeArrowhead: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionSelectAll.d.ts

@@ -73,7 +73,7 @@ export declare const actionSelectAll: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -144,7 +144,7 @@ export declare const actionSelectAll: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionStyles.d.ts

@@ -67,7 +67,7 @@ export declare const actionCopyStyles: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -140,7 +140,7 @@ export declare const actionCopyStyles: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionToggleGridMode.d.ts

@@ -68,7 +68,7 @@ export declare const actionToggleGridMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -145,7 +145,7 @@ export declare const actionToggleGridMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts

@@ -67,7 +67,7 @@ export declare const actionToggleObjectsSnapMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -144,7 +144,7 @@ export declare const actionToggleObjectsSnapMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionToggleStats.d.ts

@@ -65,7 +65,7 @@ export declare const actionToggleStats: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -142,7 +142,7 @@ export declare const actionToggleStats: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionToggleViewMode.d.ts

@@ -66,7 +66,7 @@ export declare const actionToggleViewMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -143,7 +143,7 @@ export declare const actionToggleViewMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/actionToggleZenMode.d.ts

@@ -66,7 +66,7 @@ export declare const actionToggleZenMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -143,7 +143,7 @@ export declare const actionToggleZenMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {

package/types/excalidraw/actions/index.d.ts

@@ -20,6 +20,6 @@ export { actionToggleZenMode } from "./actionToggleZenMode";
 export { actionToggleObjectsSnapMode } from "./actionToggleObjectsSnapMode";
 export { actionToggleStats } from "./actionToggleStats";
 export { actionUnbindText, actionBindText } from "./actionBoundText";
-export { actionLink } from "../element/Hyperlink";
+export { actionLink } from "./actionLink";
 export { actionToggleElementLock } from "./actionElementLock";
 export { actionToggleLinearEditor } from "./actionLinearEditor";

package/types/excalidraw/appState.d.ts

@@ -30,7 +30,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     scrollY?: number | undefined;
     cursorButton?: "up" | "down" | undefined;
     scrolledOutside?: boolean | undefined;
-    name?: string | undefined;
+    name?: string | null | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
     }> | undefined;

package/types/excalidraw/components/App.d.ts

@@ -232,6 +232,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private getFrameNameDOMId;
     frameNameBoundsCache: FrameNameBoundsCache;
     private renderFrameNames;
+    private toggleOverscrollBehavior;
     render(): import("react/jsx-runtime").JSX.Element;
     focusContainer: AppClassProperties["focusContainer"];
     getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
@@ -388,6 +389,7 @@ declare class App extends React.Component<AppProps, AppState> {
      * GestureEvent is standardized.
      */
     private isTouchScreenMultiTouchGesture;
+    getName: () => string;
     private onGestureStart;
     private onGestureChange;
     private onGestureEnd;
@@ -502,4 +504,5 @@ declare global {
         };
     }
 }
+export declare const createTestHook: () => void;
 export default App;

package/types/excalidraw/components/Button.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./Button.scss";
 interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     type?: "button" | "submit" | "reset";

package/types/excalidraw/components/FilledButton.d.ts

@@ -6,12 +6,12 @@ export type ButtonSize = "medium" | "large";
 export type FilledButtonProps = {
     label: string;
     children?: React.ReactNode;
-    onClick?: () => void;
+    onClick?: (event: React.MouseEvent) => void;
     variant?: ButtonVariant;
     color?: ButtonColor;
     size?: ButtonSize;
     className?: string;
     fullWidth?: boolean;
-    startIcon?: React.ReactNode;
+    icon?: React.ReactNode;
 };
 export declare const FilledButton: React.ForwardRefExoticComponent<FilledButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/types/excalidraw/components/ImageExportDialog.d.ts

@@ -3,11 +3,12 @@ import type { AppClassProperties, BinaryFiles, UIAppState } from "../types";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import "./ImageExportDialog.scss";
 export declare const ErrorCanvasPreview: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageExportDialog: ({ elements, appState, files, actionManager, onExportImage, onCloseRequest, }: {
+export declare const ImageExportDialog: ({ elements, appState, files, actionManager, onExportImage, onCloseRequest, name, }: {
     appState: UIAppState;
     elements: readonly NonDeletedExcalidrawElement[];
     files: BinaryFiles;
     actionManager: ActionManager;
     onExportImage: AppClassProperties["onExportImage"];
     onCloseRequest: () => void;
+    name: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/types/excalidraw/components/ProjectName.d.ts

@@ -4,7 +4,6 @@ type Props = {
     value: string;
     onChange: (value: string) => void;
     label: string;
-    isNameEditable: boolean;
     ignoreFocus?: boolean;
 };
 export declare const ProjectName: (props: Props) => import("react/jsx-runtime").JSX.Element;

package/types/excalidraw/components/TextField.d.ts

@@ -1,7 +1,6 @@
 import { KeyboardEvent } from "react";
 import "./TextField.scss";
 type TextFieldProps = {
-    value?: string;
     onChange?: (value: string) => void;
     onClick?: () => void;
     onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
@@ -11,6 +10,10 @@ type TextFieldProps = {
     label?: string;
     placeholder?: string;
     isRedacted?: boolean;
-};
+} & ({
+    value: string;
+} | {
+    defaultValue: string;
+});
 export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/types/excalidraw/components/hyperlink/Hyperlink.d.ts

@@ -0,0 +1,18 @@
+import { AppState, ExcalidrawProps } from "../../types";
+import { ElementsMap, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement } from "../../element/types";
+import "./Hyperlink.scss";
+export declare const Hyperlink: ({ element, elementsMap, setAppState, onLinkOpen, setToast, updateEmbedValidationStatus, }: {
+    element: NonDeletedExcalidrawElement;
+    elementsMap: ElementsMap;
+    setAppState: React.Component<any, AppState>["setState"];
+    onLinkOpen: ExcalidrawProps["onLinkOpen"];
+    setToast: (toast: {
+        message: string;
+        closable?: boolean;
+        duration?: number;
+    } | null) => void;
+    updateEmbedValidationStatus: (element: ExcalidrawEmbeddableElement, status: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
+export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState, elementsMap: ElementsMap) => void;
+export declare const hideHyperlinkToolip: () => void;

package/types/excalidraw/components/hyperlink/helpers.d.ts

@@ -0,0 +1,7 @@
+import { Bounds } from "../../element/bounds";
+import { ElementsMap, NonDeletedExcalidrawElement } from "../../element/types";
+import { AppState, UIAppState } from "../../types";
+export declare const EXTERNAL_LINK_IMG: HTMLImageElement;
+export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: Pick<UIAppState, "zoom">) => Bounds;
+export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, elementsMap: ElementsMap, appState: AppState, [x, y]: readonly [number, number]) => boolean;
+export declare const isPointHittingLink: (element: NonDeletedExcalidrawElement, elementsMap: ElementsMap, appState: AppState, [x, y]: readonly [number, number], isMobile: boolean) => boolean;

package/types/excalidraw/constants.d.ts

@@ -276,3 +276,8 @@ export declare const EDITOR_LS_KEYS: {
     readonly MERMAID_TO_EXCALIDRAW: "mermaid-to-excalidraw";
     readonly PUBLISH_LIBRARY: "publish-library-data";
 };
+/**
+ * not translated as this is used only in public, stateless API as default value
+ * where filename is optional and we can't retrieve name from app state
+ */
+export declare const DEFAULT_FILENAME = "Untitled";

package/types/excalidraw/data/filesystem.d.ts

@@ -6,7 +6,7 @@ export declare const fileOpen: <M extends boolean | undefined = false>(opts: {
     description: string;
     multiple?: M | undefined;
 }) => Promise<M extends false | undefined ? File : File[]>;
-export declare const fileSave: (blob: Blob, opts: {
+export declare const fileSave: (blob: Blob | Promise<Blob>, opts: {
     /** supply without the extension */
     name: string;
     /** file extension */

package/types/excalidraw/data/index.d.ts

@@ -15,7 +15,8 @@ export declare const exportCanvas: (type: Omit<ExportType, "backend">, elements:
     exportBackground: boolean;
     exportPadding?: number | undefined;
     viewBackgroundColor: string;
-    name: string;
+    /** filename, if applicable */
+    name?: string | undefined;
     fileHandle?: FileSystemHandle | null | undefined;
     exportingFrame: ExcalidrawFrameLikeElement | null;
 }) => Promise<FileSystemHandle | null | undefined>;

package/types/excalidraw/data/json.d.ts

@@ -2,7 +2,7 @@ import { ExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles, LibraryItems } from "../types";
 import { ImportedDataState, ImportedLibraryData } from "./types";
 export declare const serializeAsJSON: (elements: readonly ExcalidrawElement[], appState: Partial<AppState>, files: BinaryFiles, type: "local" | "database") => string;
-export declare const saveAsJSON: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles) => Promise<{
+export declare const saveAsJSON: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles, name?: string) => Promise<{
     fileHandle: import("browser-fs-access").FileSystemHandle | null;
 }>;
 export declare const loadFromJSON: (localAppState: AppState, localElements: readonly ExcalidrawElement[] | null) => Promise<import("./restore").RestoredDataState>;

package/types/excalidraw/data/resave.d.ts

@@ -1,5 +1,5 @@
 import { ExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles } from "../types";
-export declare const resaveAsImageWithScene: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles) => Promise<{
+export declare const resaveAsImageWithScene: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles, name: string) => Promise<{
     fileHandle: import("browser-fs-access").FileSystemHandle;
 }>;

package/types/excalidraw/element/ElementCanvasButtons.d.ts

@@ -1,6 +1,7 @@
-import { NonDeletedExcalidrawElement } from "./types";
+import { ElementsMap, NonDeletedExcalidrawElement } from "./types";
 import "./ElementCanvasButtons.scss";
-export declare const ElementCanvasButtons: ({ children, element, }: {
+export declare const ElementCanvasButtons: ({ children, element, elementsMap, }: {
     children: React.ReactNode;
     element: NonDeletedExcalidrawElement;
+    elementsMap: ElementsMap;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/types/excalidraw/element/binding.d.ts

@@ -1,4 +1,4 @@
-import { ExcalidrawLinearElement, ExcalidrawBindableElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawElement } from "./types";
+import { ExcalidrawLinearElement, ExcalidrawBindableElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawElement, ElementsMap, NonDeletedSceneElementsMap } from "./types";
 import { AppState } from "../types";
 import Scene from "../scene/Scene";
 export type SuggestedBinding = NonDeleted<ExcalidrawBindableElement> | SuggestedPointBinding;
@@ -9,26 +9,26 @@ export type SuggestedPointBinding = [
 ];
 export declare const shouldEnableBindingForPointerEvent: (event: React.PointerEvent<HTMLElement>) => boolean;
 export declare const isBindingEnabled: (appState: AppState) => boolean;
-export declare const bindOrUnbindLinearElement: (linearElement: NonDeleted<ExcalidrawLinearElement>, startBindingElement: ExcalidrawBindableElement | null | "keep", endBindingElement: ExcalidrawBindableElement | null | "keep") => void;
-export declare const bindOrUnbindSelectedElements: (elements: NonDeleted<ExcalidrawElement>[]) => void;
+export declare const bindOrUnbindLinearElement: (linearElement: NonDeleted<ExcalidrawLinearElement>, startBindingElement: ExcalidrawBindableElement | null | "keep", endBindingElement: ExcalidrawBindableElement | null | "keep", elementsMap: NonDeletedSceneElementsMap) => void;
+export declare const bindOrUnbindSelectedElements: (selectedElements: NonDeleted<ExcalidrawElement>[], elements: readonly ExcalidrawElement[], elementsMap: NonDeletedSceneElementsMap) => void;
 export declare const maybeBindLinearElement: (linearElement: NonDeleted<ExcalidrawLinearElement>, appState: AppState, scene: Scene, pointerCoords: {
     x: number;
     y: number;
-}) => void;
-export declare const bindLinearElement: (linearElement: NonDeleted<ExcalidrawLinearElement>, hoveredElement: ExcalidrawBindableElement, startOrEnd: "start" | "end") => void;
+}, elementsMap: NonDeletedSceneElementsMap) => void;
+export declare const bindLinearElement: (linearElement: NonDeleted<ExcalidrawLinearElement>, hoveredElement: ExcalidrawBindableElement, startOrEnd: "start" | "end", elementsMap: NonDeletedSceneElementsMap) => void;
 export declare const isLinearElementSimpleAndAlreadyBound: (linearElement: NonDeleted<ExcalidrawLinearElement>, alreadyBoundToId: ExcalidrawBindableElement["id"] | undefined, bindableElement: ExcalidrawBindableElement) => boolean;
-export declare const unbindLinearElements: (elements: NonDeleted<ExcalidrawElement>[]) => void;
+export declare const unbindLinearElements: (elements: NonDeleted<ExcalidrawElement>[], elementsMap: NonDeletedSceneElementsMap) => void;
 export declare const getHoveredElementForBinding: (pointerCoords: {
     x: number;
     y: number;
-}, scene: Scene) => NonDeleted<ExcalidrawBindableElement> | null;
-export declare const updateBoundElements: (changedElement: NonDeletedExcalidrawElement, options?: {
+}, elements: readonly NonDeletedExcalidrawElement[], elementsMap: NonDeletedSceneElementsMap) => NonDeleted<ExcalidrawBindableElement> | null;
+export declare const updateBoundElements: (changedElement: NonDeletedExcalidrawElement, elementsMap: ElementsMap, options?: {
     simultaneouslyUpdated?: readonly ExcalidrawElement[];
     newSize?: {
         width: number;
         height: number;
     };
 }) => void;
-export declare const getEligibleElementsForBinding: (elements: NonDeleted<ExcalidrawElement>[]) => SuggestedBinding[];
+export declare const getEligibleElementsForBinding: (selectedElements: NonDeleted<ExcalidrawElement>[], elements: readonly ExcalidrawElement[], elementsMap: NonDeletedSceneElementsMap) => SuggestedBinding[];
 export declare const fixBindingsAfterDuplication: (sceneElements: readonly ExcalidrawElement[], oldElements: readonly ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>, duplicatesServeAsOld?: "duplicatesServeAsOld" | undefined) => void;
 export declare const fixBindingsAfterDeletion: (sceneElements: readonly ExcalidrawElement[], deletedElements: readonly ExcalidrawElement[]) => void;

package/types/excalidraw/element/bounds.d.ts

@@ -1,4 +1,4 @@
-import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted, ElementsMapOrArray } from "./types";
+import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted, ElementsMap } from "./types";
 import { Drawable, Op } from "roughjs/bin/core";
 import { AppState, Point } from "../types";
 export type RectangleBox = {
@@ -25,11 +25,11 @@ export type SceneBounds = readonly [
 ];
 export declare class ElementBounds {
     private static boundsCache;
-    static getBounds(element: ExcalidrawElement): Bounds;
+    static getBounds(element: ExcalidrawElement, elementsMap: ElementsMap): Bounds;
     private static calculateBounds;
 }
-export declare const getElementAbsoluteCoords: (element: ExcalidrawElement, includeBoundText?: boolean) => [number, number, number, number, number, number];
-export declare const getElementLineSegments: (element: ExcalidrawElement) => [Point, Point][];
+export declare const getElementAbsoluteCoords: (element: ExcalidrawElement, elementsMap: ElementsMap, includeBoundText?: boolean) => [number, number, number, number, number, number];
+export declare const getElementLineSegments: (element: ExcalidrawElement, elementsMap: ElementsMap) => [Point, Point][];
 /**
  * Scene -> Scene coords, but in x1,x2,y1,y2 format.
  *
@@ -46,8 +46,8 @@ export declare const getArrowheadSize: (arrowhead: Arrowhead) => number;
 /** @returns number in degrees */
 export declare const getArrowheadAngle: (arrowhead: Arrowhead) => number;
 export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead) => number[] | null;
-export declare const getElementBounds: (element: ExcalidrawElement) => Bounds;
-export declare const getCommonBounds: (elements: ElementsMapOrArray) => Bounds;
+export declare const getElementBounds: (element: ExcalidrawElement, elementsMap: ElementsMap) => Bounds;
+export declare const getCommonBounds: (elements: readonly ExcalidrawElement[]) => Bounds;
 export declare const getDraggedElementsBounds: (elements: ExcalidrawElement[], dragOffset: {
     x: number;
     y: number;