@zsviczian/excalidraw 0.13.0-obsidian-2 → 0.14.1-obsidian

package/types/components/welcome-screen/WelcomeScreen.Center.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+declare const Center: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+    Logo: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ children }: {
+            children: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Menu: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    MenuItem: {
+        ({ onSelect, children, icon, shortcut, className, ...props }: {
+            onSelect: () => void;
+            children: React.ReactNode;
+            icon?: JSX.Element | undefined;
+            shortcut?: string | null | undefined;
+        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+        displayName: string;
+    };
+    MenuItemLink: {
+        ({ children, href, icon, shortcut, className, ...props }: {
+            children: React.ReactNode;
+            href: string;
+            icon?: JSX.Element | undefined;
+            shortcut?: string | null | undefined;
+        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        displayName: string;
+    };
+    MenuItemHelp: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    MenuItemLoadScene: {
+        (): JSX.Element | null;
+        displayName: string;
+    };
+    MenuItemLiveCollaborationTrigger: {
+        ({ onSelect, }: {
+            onSelect: () => any;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+export { Center };

package/types/components/welcome-screen/WelcomeScreen.Hints.d.ts

@@ -0,0 +1,19 @@
+declare const MenuHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const ToolbarHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const HelpHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+export { HelpHint, MenuHint, ToolbarHint };

package/types/components/welcome-screen/WelcomeScreen.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import "./WelcomeScreen.scss";
+declare const WelcomeScreen: {
+    (props: {
+        children: React.ReactNode;
+    }): null;
+    displayName: string;
+    Center: {
+        ({ children }: {
+            children?: import("react").ReactNode;
+        }): JSX.Element;
+        displayName: string;
+        Logo: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        Heading: {
+            ({ children }: {
+                children: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        Menu: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        MenuItem: {
+            ({ onSelect, children, icon, shortcut, className, ...props }: {
+                onSelect: () => void;
+                children: import("react").ReactNode;
+                icon?: JSX.Element | undefined;
+                shortcut?: string | null | undefined;
+            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+            displayName: string;
+        };
+        MenuItemLink: {
+            ({ children, href, icon, shortcut, className, ...props }: {
+                children: import("react").ReactNode;
+                href: string;
+                icon?: JSX.Element | undefined;
+                shortcut?: string | null | undefined;
+            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+            displayName: string;
+        };
+        MenuItemHelp: {
+            (): JSX.Element;
+            displayName: string;
+        };
+        MenuItemLoadScene: {
+            (): JSX.Element | null;
+            displayName: string;
+        };
+        MenuItemLiveCollaborationTrigger: {
+            ({ onSelect, }: {
+                onSelect: () => any;
+            }): JSX.Element;
+            displayName: string;
+        };
+    };
+    Hints: {
+        MenuHint: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        ToolbarHint: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        HelpHint: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+    };
+};
+export default WelcomeScreen;

package/types/constants.d.ts

@@ -1,5 +1,9 @@
 import { AppProps } from "./types";
 import { FontFamilyValues } from "./element/types";
+export declare const isDarwin: boolean;
+export declare const isWindows: boolean;
+export declare const isAndroid: boolean;
+export declare const isFirefox: boolean;
 export declare const APP_NAME = "Excalidraw";
 export declare const DRAGGING_THRESHOLD = 10;
 export declare const LINE_CONFIRM_THRESHOLD = 8;
@@ -48,7 +52,8 @@ export declare enum EVENT {
     HASHCHANGE = "hashchange",
     VISIBILITY_CHANGE = "visibilitychange",
     SCROLL = "scroll",
-    EXCALIDRAW_LINK = "excalidraw-link"
+    EXCALIDRAW_LINK = "excalidraw-link",
+    MENU_ITEM_SELECT = "menu.itemSelect"
 }
 export declare const ENV: {
     TEST: string;
@@ -154,9 +159,6 @@ export declare const ROUNDNESS: {
     readonly PROPORTIONAL_RADIUS: 2;
     readonly ADAPTIVE_RADIUS: 3;
 };
-export declare const COOKIES: {
-    readonly AUTH_STATE_COOKIE: "excplus-auth";
-};
 /** key containt id of precedeing elemnt id we use in reconciliation during
  * collaboration */
 export declare const PRECEDING_ELEMENT_KEY = "__precedingElement__";

package/types/element/Hyperlink.d.ts

@@ -18,6 +18,11 @@ export declare const actionLink: {
         appState: {
             showHyperlinkPopup: "editor";
             openMenu: null;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -31,16 +36,15 @@ export declare const actionLink: {
             editingElement: NonDeletedExcalidrawElement | null;
             editingLinearElement: import("./linearElementEditor").LinearElementEditor | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -73,7 +77,7 @@ export declare const actionLink: {
             }>;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
@@ -91,6 +95,7 @@ export declare const actionLink: {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -119,6 +124,8 @@ export declare const actionLink: {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: import("./linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
@@ -129,10 +136,8 @@ export declare const actionLink: {
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     contextItemLabel: (elements: readonly import("./types").ExcalidrawElement[], appState: Readonly<AppState>) => "labels.link.edit" | "labels.link.create";
-    contextItemPredicate: (elements: readonly import("./types").ExcalidrawElement[], appState: AppState) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
+    predicate: (elements: readonly import("./types").ExcalidrawElement[], appState: AppState) => boolean;
+    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/element/linearElementEditor.d.ts

@@ -123,6 +123,11 @@ export declare class LinearElementEditor {
                 hoverPointIndex: number;
                 segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -135,16 +140,15 @@ export declare class LinearElementEditor {
             suggestedBindings: import("./binding").SuggestedBinding[];
             editingElement: import("./types").NonDeletedExcalidrawElement | null;
             activeTool: {
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
                 customType: null;
             } | {
                 type: "custom";
                 customType: string;
-                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
-                locked: boolean;
-            };
+            });
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -178,7 +182,7 @@ export declare class LinearElementEditor {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
@@ -187,6 +191,7 @@ export declare class LinearElementEditor {
             previousSelectedElementIds: {
                 [id: string]: boolean;
             };
+            /** @returns whether point was dragged */
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
@@ -196,6 +201,7 @@ export declare class LinearElementEditor {
             zenModeEnabled: boolean;
             theme: string;
             gridSize: number | null;
+            previousGridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
@@ -225,6 +231,8 @@ export declare class LinearElementEditor {
                 elementBackground?: string[] | undefined;
                 elementStroke?: string[] | undefined;
             };
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
             selectedLinearElement: LinearElementEditor | null;
         };
     };

package/types/element/textElement.d.ts

@@ -9,8 +9,15 @@ export declare const measureText: (text: string, font: FontString, maxWidth?: nu
     width: number;
     height: number;
     baseline: number;
+    container: HTMLDivElement;
+} | {
+    width: number;
+    height: number;
+    baseline: number;
+    container?: undefined;
 };
 export declare const getApproxLineHeight: (font: FontString) => number;
+export declare const getTextWidth: (text: string, font: FontString) => number;
 export declare const wrapText: (text: string, font: FontString, maxWidth: number) => string;
 export declare const charWidth: {
     calculate: (char: string, font: FontString) => number;

package/types/element/textWysiwyg.d.ts

@@ -1,5 +1,10 @@
-import { ExcalidrawElement, ExcalidrawTextElement } from "./types";
+import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawTextContainer } from "./types";
 import App from "../components/App";
+export declare const updateOriginalContainerCache: (id: ExcalidrawTextContainer["id"], height: ExcalidrawTextContainer["height"]) => {
+    height: ExcalidrawTextContainer["height"];
+};
+export declare const resetOriginalContainerCache: (id: ExcalidrawTextContainer["id"]) => void;
+export declare const getOriginalContainerHeightFromCache: (id: ExcalidrawTextContainer["id"]) => number | null;
 export declare const textWysiwyg: ({ id, onChange, onSubmit, getViewportCoords, element, canvas, excalidrawContainer, app, }: {
     id: ExcalidrawElement["id"];
     onChange?: ((text: string) => void) | undefined;

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

@@ -91,6 +91,11 @@ export declare const loadScene: (id: string | null, privateKey: string | null, l
             lastActiveToolBeforeEraser: import("../../types").LastActiveToolBeforeEraser;
             locked: boolean;
         };
+        contextMenu: {
+            items: import("../../components/ContextMenu").ContextMenuItems;
+            top: number;
+            left: number;
+        } | null;
         showWelcomeScreen: boolean;
         isLoading: boolean;
         errorMessage: string | null;

package/types/excalidraw-app/data/localStorage.d.ts

@@ -65,6 +65,11 @@ export declare const importFromLocalStorage: () => {
         showStats: boolean;
         currentChartType: import("../../element/types").ChartType;
         selectedLinearElement: import("../../element/linearElementEditor").LinearElementEditor | null;
+        contextMenu: {
+            items: import("../../components/ContextMenu").ContextMenuItems;
+            top: number;
+            left: number;
+        } | null;
         isLoading: boolean;
         errorMessage: string | null;
         draggingElement: import("../../element/types").NonDeletedExcalidrawElement | null;

package/types/keys.d.ts

@@ -1,6 +1,3 @@
-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";
@@ -27,6 +24,8 @@ export declare const KEYS: {
     readonly ARROW_LEFT: "ArrowLeft";
     readonly ARROW_RIGHT: "ArrowRight";
     readonly ARROW_UP: "ArrowUp";
+    readonly PAGE_UP: "PageUp";
+    readonly PAGE_DOWN: "PageDown";
     readonly BACKSPACE: "Backspace";
     readonly ALT: "Alt";
     readonly CTRL_OR_CMD: "metaKey" | "ctrlKey";

package/types/packages/excalidraw/example/CustomFooter.d.ts

@@ -0,0 +1,5 @@
+import { ExcalidrawImperativeAPI } from "../../../types";
+declare const CustomFooter: ({ excalidrawAPI, }: {
+    excalidrawAPI: ExcalidrawImperativeAPI;
+}) => JSX.Element;
+export default CustomFooter;

package/types/packages/excalidraw/example/MobileFooter.d.ts

@@ -0,0 +1,5 @@
+import { ExcalidrawImperativeAPI } from "../../../types";
+declare const MobileFooter: ({ excalidrawAPI, }: {
+    excalidrawAPI: ExcalidrawImperativeAPI;
+}) => JSX.Element | null;
+export default MobileFooter;

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

@@ -2,6 +2,10 @@ import React from "react";
 import "../../css/app.scss";
 import "../../css/styles.scss";
 import { ExcalidrawAPIRefValue, ExcalidrawProps } from "../../types";
+import Footer from "../../components/footer/FooterCenter";
+import MainMenu from "../../components/main-menu/MainMenu";
+import WelcomeScreen from "../../components/welcome-screen/WelcomeScreen";
+import LiveCollaborationTrigger from "../../components/live-collaboration/LiveCollaborationTrigger";
 declare type PublicExcalidrawProps = Omit<ExcalidrawProps, "forwardedRef">;
 export declare const Excalidraw: React.MemoExoticComponent<React.ForwardRefExoticComponent<PublicExcalidrawProps & React.RefAttributes<ExcalidrawAPIRefValue>>>;
 export { getSceneVersion, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
@@ -22,3 +26,9 @@ export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutat
 export { parseLibraryTokensFromUrl, useHandleLibrary, } from "../../data/library";
 export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, } from "../../utils";
 export { Sidebar } from "../../components/Sidebar/Sidebar";
+export { Button } from "../../components/Button";
+export { Footer };
+export { MainMenu };
+export { useDevice } from "../../components/App";
+export { WelcomeScreen };
+export { LiveCollaborationTrigger };

package/types/renderer/easingFunctions.d.ts

@@ -0,0 +1,6 @@
+declare type EasingFunction = (progress: number) => number;
+interface EasingDictionary {
+    [easing: string]: EasingFunction;
+}
+declare const easingsFunctions: EasingDictionary;
+export default easingsFunctions;

package/types/types.d.ts

@@ -15,6 +15,7 @@ import { MaybeTransformHandleType } from "./element/transformHandles";
 import Library from "./data/library";
 import type { FileSystemHandle } from "./data/filesystem";
 import type { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
+import { ContextMenuItems } from "./components/ContextMenu";
 export declare type Point = Readonly<RoughPoint>;
 export declare type Collaborator = {
     pointer?: {
@@ -54,14 +55,19 @@ export declare type BinaryFileData = {
 };
 export declare type BinaryFileMetadata = Omit<BinaryFileData, "dataURL">;
 export declare type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
-export declare type LastActiveToolBeforeEraser = {
-    type: typeof SHAPES[number]["value"] | "eraser";
+export declare type LastActiveTool = {
+    type: typeof SHAPES[number]["value"] | "eraser" | "hand";
     customType: null;
 } | {
     type: "custom";
     customType: string;
 } | null;
 export declare type AppState = {
+    contextMenu: {
+        items: ContextMenuItems;
+        top: number;
+        left: number;
+    } | null;
     showWelcomeScreen: boolean;
     isLoading: boolean;
     errorMessage: string | null;
@@ -75,16 +81,19 @@ export declare type AppState = {
     editingElement: NonDeletedExcalidrawElement | null;
     editingLinearElement: LinearElementEditor | null;
     activeTool: {
-        type: typeof SHAPES[number]["value"] | "eraser";
-        lastActiveToolBeforeEraser: LastActiveToolBeforeEraser;
+        /**
+         * indicates a previous tool we should revert back to if we deselect the
+         * currently active tool. At the moment applies to `eraser` and `hand` tool.
+         */
+        lastActiveTool: LastActiveTool;
         locked: boolean;
+    } & ({
+        type: typeof SHAPES[number]["value"] | "eraser" | "hand";
         customType: null;
     } | {
         type: "custom";
         customType: string;
-        lastActiveToolBeforeEraser: LastActiveToolBeforeEraser;
-        locked: boolean;
-    };
+    });
     penMode: boolean;
     penDetected: boolean;
     exportBackground: boolean;
@@ -116,7 +125,7 @@ export declare type AppState = {
     openMenu: "canvas" | "shape" | null;
     openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
     openSidebar: "library" | "customSidebar" | null;
-    openDialog: "imageExport" | "help" | null;
+    openDialog: "imageExport" | "help" | "jsonExport" | null;
     isSidebarDocked: boolean;
     lastPointerDownWith: PointerType;
     selectedElementIds: {
@@ -134,6 +143,7 @@ export declare type AppState = {
     zenModeEnabled: boolean;
     theme: Theme;
     gridSize: number | null;
+    previousGridSize: number | null;
     viewModeEnabled: boolean;
     /** top-most selected groups (i.e. does not include nested groups) */
     selectedGroupIds: {
@@ -167,6 +177,8 @@ export declare type AppState = {
         elementBackground?: string[];
         elementStroke?: string[];
     };
+    allowWheelZoom?: boolean;
+    allowPinchZoom?: boolean;
     selectedLinearElement: LinearElementEditor | null;
 };
 export declare type NormalizedZoomValue = number & {
@@ -220,7 +232,6 @@ export interface ExcalidrawProps {
     onChange?: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
     initialData?: ExcalidrawInitialDataState | null | Promise<ExcalidrawInitialDataState | null>;
     excalidrawRef?: ForwardRef<ExcalidrawAPIRefValue>;
-    onCollabButtonClick?: () => void;
     isCollaborating?: boolean;
     onPointerUpdate?: (payload: {
         pointer: {
@@ -233,7 +244,6 @@ export interface ExcalidrawProps {
     onPaste?: (data: ClipboardData, event: ClipboardEvent | null) => Promise<boolean> | boolean;
     onDrop?: (event: React.DragEvent<HTMLDivElement>) => Promise<boolean> | boolean;
     renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
-    renderFooter?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
     langCode?: Language["code"];
     viewModeEnabled?: boolean;
     zenModeEnabled?: boolean;
@@ -243,10 +253,7 @@ export interface ExcalidrawProps {
     theme?: Theme;
     name?: string;
     renderCustomStats?: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => JSX.Element;
-    UIOptions?: {
-        dockedSidebarBreakpoint?: number;
-        canvasActions?: CanvasActions;
-    };
+    UIOptions?: Partial<UIOptions>;
     detectScroll?: boolean;
     handleKeyboardGlobally?: boolean;
     onLibraryChange?: (libraryItems: LibraryItems) => void | Promise<any>;
@@ -266,6 +273,7 @@ export interface ExcalidrawProps {
      * Render function that renders custom <Sidebar /> component.
      */
     renderSidebar?: () => JSX.Element | null;
+    children?: React.ReactNode;
 }
 export declare type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -283,22 +291,26 @@ export declare type ExportOpts = {
     onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => void;
     renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => JSX.Element;
 };
-declare type CanvasActions = {
-    changeViewBackgroundColor?: boolean;
-    clearCanvas?: boolean;
-    export?: false | ExportOpts;
-    loadScene?: boolean;
-    saveToActiveFile?: boolean;
-    toggleTheme?: boolean | null;
-    saveAsImage?: boolean;
-};
+declare type CanvasActions = Partial<{
+    changeViewBackgroundColor: boolean;
+    clearCanvas: boolean;
+    export: false | ExportOpts;
+    loadScene: boolean;
+    saveToActiveFile: boolean;
+    toggleTheme: boolean | null;
+    saveAsImage: boolean;
+}>;
+declare type UIOptions = Partial<{
+    dockedSidebarBreakpoint: number;
+    welcomeScreen: boolean;
+    canvasActions: CanvasActions;
+}>;
 export declare type AppProps = Merge<ExcalidrawProps, {
-    UIOptions: {
+    UIOptions: Merge<MarkRequired<UIOptions, "welcomeScreen">, {
         canvasActions: Required<CanvasActions> & {
             export: ExportOpts;
         };
-        dockedSidebarBreakpoint?: number;
-    };
+    }>;
     detectScroll: boolean;
     handleKeyboardGlobally: boolean;
     isCollaborating: boolean;
@@ -318,6 +330,7 @@ export declare type AppClassProperties = {
     files: BinaryFiles;
     device: App["device"];
     scene: App["scene"];
+    pasteFromClipboard: App["pasteFromClipboard"];
 };
 export declare type PointerDownState = Readonly<{
     origin: Readonly<{
@@ -417,4 +430,19 @@ export declare type Device = Readonly<{
     isTouchScreen: boolean;
     canDeviceFitSidebar: boolean;
 }>;
+export declare type UIChildrenComponents = {
+    [k in "FooterCenter" | "Menu" | "WelcomeScreen"]?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, React.JSXElementConstructor<any>>;
+};
+export declare type UIWelcomeScreenComponents = {
+    [k in "Center" | "MenuHint" | "ToolbarHint" | "HelpHint"]?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, React.JSXElementConstructor<any>>;
+};
+export declare type UIWelcomeScreenCenterComponents = {
+    [k in "Logo" | "Heading" | "Menu" | "MenuItemLoadScene" | "MenuItemHelp"]?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, React.JSXElementConstructor<any>>;
+};
 export {};