@zsviczian/excalidraw 0.12.0-obsidian-11 → 0.13.0-obsidian-1

package/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import "./Sidebar.scss";
+/** using a counter instead of boolean to handle race conditions where
+ * the host app may render (mount/unmount) multiple different sidebar */
+export declare const hostSidebarCountersAtom: import("jotai").Atom<{
+    rendered: number;
+    docked: number;
+}> & {
+    write: (get: {
+        <Value>(atom: import("jotai").Atom<Value | Promise<Value>>): Value;
+        <Value_1>(atom: import("jotai").Atom<Promise<Value_1>>): Value_1;
+        <Value_2>(atom: import("jotai").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;
+    } & {
+        <Value_3>(atom: import("jotai").Atom<Value_3 | Promise<Value_3>>, options: {
+            unstable_promise: true;
+        }): Value_3 | Promise<Value_3>;
+        <Value_4>(atom: import("jotai").Atom<Promise<Value_4>>, options: {
+            unstable_promise: true;
+        }): Value_4 | Promise<Value_4>;
+        <Value_5>(atom: import("jotai").Atom<Value_5>, options: {
+            unstable_promise: true;
+        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;
+    }, set: {
+        <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
+        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
+    }, update: {
+        rendered: number;
+        docked: number;
+    } | ((prev: {
+        rendered: number;
+        docked: number;
+    }) => {
+        rendered: number;
+        docked: number;
+    })) => void;
+    onMount?: (<S extends (update: {
+        rendered: number;
+        docked: number;
+    } | ((prev: {
+        rendered: number;
+        docked: number;
+    }) => {
+        rendered: number;
+        docked: number;
+    })) => void>(setAtom: S) => void | (() => void)) | undefined;
+} & {
+    init: {
+        rendered: number;
+        docked: number;
+    };
+};
+export declare const Sidebar: import("react").ForwardRefExoticComponent<{
+    children: import("react").ReactNode;
+    onClose?: (() => boolean | void) | undefined;
+    onDock?: ((docked: boolean) => void) | undefined;
+    docked?: boolean | undefined;
+    initialDockedState?: boolean | undefined;
+    dockable?: boolean | undefined;
+    className?: string | undefined;
+} & {
+    /** @private internal */
+    __isInternal?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Header: {
+        (props: {
+            children?: import("react").ReactNode;
+            className?: string | undefined;
+        } & {
+            __isFallback?: boolean | undefined;
+        }): JSX.Element | null;
+        displayName: string;
+    };
+};

package/types/components/Sidebar/SidebarHeader.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const SidebarDockButton: (props: {
+    checked: boolean;
+    onChange?(): void;
+}) => JSX.Element;
+/** @private */
+export declare const SidebarHeaderComponents: {
+    Context: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    Component: {
+        (props: {
+            children?: React.ReactNode;
+            className?: string | undefined;
+        } & {
+            __isFallback?: boolean | undefined;
+        }): JSX.Element | null;
+        displayName: string;
+    };
+};

package/types/components/Sidebar/common.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export declare type SidebarProps<P = {}> = {
+    children: React.ReactNode;
+    /**
+     * Called on sidebar close (either by user action or by the editor).
+     */
+    onClose?: () => void | boolean;
+    /** if not supplied, sidebar won't be dockable */
+    onDock?: (docked: boolean) => void;
+    docked?: boolean;
+    initialDockedState?: boolean;
+    dockable?: boolean;
+    className?: string;
+} & P;
+export declare type SidebarPropsContextValue = Pick<SidebarProps, "onClose" | "onDock" | "docked" | "dockable">;
+export declare const SidebarPropsContext: React.Context<SidebarPropsContextValue>;

package/types/components/TopErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface TopErrorBoundaryState {
+    hasError: boolean;
+    sentryEventId: string;
+    localStorage: string;
+}
+export declare class TopErrorBoundary extends React.Component<any, TopErrorBoundaryState> {
+    state: TopErrorBoundaryState;
+    render(): any;
+    componentDidCatch(error: Error, errorInfo: any): void;
+    private selectTextArea;
+    private createGithubIssue;
+    private errorSplash;
+}
+export {};

package/types/components/WelcomeScreen.d.ts

@@ -0,0 +1,8 @@
+import { ActionManager } from "../actions/manager";
+import { AppState } from "../types";
+import "./WelcomeScreen.scss";
+declare const WelcomeScreen: ({ appState, actionManager, }: {
+    appState: AppState;
+    actionManager: ActionManager;
+}) => JSX.Element;
+export default WelcomeScreen;

package/types/components/WelcomeScreenDecor.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare const WelcomeScreenDecor: ({ children, shouldRender, }: {
+    children: ReactNode;
+    shouldRender: boolean;
+}) => JSX.Element | null;
+export default WelcomeScreenDecor;

package/types/components/hoc/withUpstreamOverride.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const withUpstreamOverride: <P>(Component: React.ComponentType<P>) => readonly [React.FC<{
+    children: React.ReactNode;
+}>, {
+    (props: P & {
+        /** @private internal */
+        __isFallback?: boolean | undefined;
+    }): JSX.Element | null;
+    displayName: string;
+}];

package/types/components/icons.d.ts

@@ -6,68 +6,77 @@ declare type Opts = {
     mirror?: true;
 } & React.SVGProps<SVGSVGElement>;
 export declare const createIcon: (d: string | React.ReactNode, opts?: number | Opts) => JSX.Element;
+export declare const PlusPromoIcon: JSX.Element;
+export declare const LibraryIcon: JSX.Element;
+export declare const PlusIcon: JSX.Element;
+export declare const DotsIcon: JSX.Element;
+export declare const PinIcon: JSX.Element;
+export declare const UnlockedIcon: JSX.Element;
+export declare const LockedIcon: JSX.Element;
+export declare const WelcomeScreenMenuArrow: JSX.Element;
+export declare const WelcomeScreenHelpArrow: JSX.Element;
+export declare const WelcomeScreenTopToolbarArrow: JSX.Element;
+export declare const ExcalLogo: JSX.Element;
+export declare const SelectionIcon: JSX.Element;
+export declare const RectangleIcon: JSX.Element;
+export declare const DiamondIcon: JSX.Element;
+export declare const EllipseIcon: JSX.Element;
+export declare const ArrowIcon: JSX.Element;
+export declare const LineIcon: JSX.Element;
+export declare const PenModeIcon: JSX.Element;
+export declare const FreedrawIcon: JSX.Element;
+export declare const TextIcon: JSX.Element;
+export declare const ImageIcon: JSX.Element;
+export declare const EraserIcon: JSX.Element;
+export declare const ZoomInIcon: JSX.Element;
+export declare const ZoomOutIcon: JSX.Element;
+export declare const TrashIcon: JSX.Element;
+export declare const DuplicateIcon: JSX.Element;
+export declare const MoonIcon: JSX.Element;
+export declare const SunIcon: JSX.Element;
+export declare const HamburgerMenuIcon: JSX.Element;
+export declare const ExportIcon: JSX.Element;
+export declare const HelpIcon: JSX.Element;
+export declare const ExternalLinkIcon: JSX.Element;
+export declare const GithubIcon: JSX.Element;
+export declare const DiscordIcon: JSX.Element;
+export declare const TwitterIcon: JSX.Element;
 export declare const checkIcon: JSX.Element;
-export declare const link: JSX.Element;
+export declare const LinkIcon: JSX.Element;
 export declare const save: JSX.Element;
 export declare const saveAs: JSX.Element;
-export declare const load: JSX.Element;
+export declare const LoadIcon: JSX.Element;
 export declare const clipboard: JSX.Element;
-export declare const trash: JSX.Element;
 export declare const palette: JSX.Element;
-export declare const exportFile: JSX.Element;
-export declare const exportImage: JSX.Element;
+export declare const ExportImageIcon: JSX.Element;
 export declare const exportToFileIcon: JSX.Element;
 export declare const zoomIn: JSX.Element;
 export declare const zoomOut: JSX.Element;
 export declare const done: JSX.Element;
 export declare const menu: JSX.Element;
-export declare const undo: JSX.Element;
-export declare const redo: JSX.Element;
+export declare const UndoIcon: JSX.Element;
+export declare const RedoIcon: JSX.Element;
 export declare const questionCircle: JSX.Element;
 export declare const share: JSX.Element;
 export declare const shareIOS: JSX.Element;
 export declare const shareWindows: JSX.Element;
 export declare const resetZoom: JSX.Element;
-export declare const BringForwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendBackwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const BringToFrontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendToBackIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignTopIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignBottomIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const users: JSX.Element;
+export declare const BringForwardIcon: JSX.Element;
+export declare const SendBackwardIcon: JSX.Element;
+export declare const BringToFrontIcon: JSX.Element;
+export declare const SendToBackIcon: JSX.Element;
+export declare const AlignTopIcon: JSX.Element;
+export declare const AlignBottomIcon: JSX.Element;
+export declare const AlignLeftIcon: JSX.Element;
+export declare const AlignRightIcon: JSX.Element;
+export declare const DistributeHorizontallyIcon: JSX.Element;
+export declare const DistributeVerticallyIcon: JSX.Element;
+export declare const CenterVerticallyIcon: JSX.Element;
+export declare const CenterHorizontallyIcon: JSX.Element;
+export declare const UsersIcon: JSX.Element;
 export declare const start: JSX.Element;
 export declare const stop: JSX.Element;
-export declare const close: JSX.Element;
+export declare const CloseIcon: JSX.Element;
 export declare const back: JSX.Element;
 export declare const clone: JSX.Element;
 export declare const shield: JSX.Element;
@@ -78,95 +87,46 @@ export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
 export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
-export declare const FillHachureIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillCrossHatchIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeWidthIcon: React.MemoExoticComponent<({ theme, strokeWidth }: {
-    theme: Theme;
-    strokeWidth: number;
-}) => JSX.Element>;
+export declare const FillHachureIcon: JSX.Element;
+export declare const FillCrossHatchIcon: JSX.Element;
+export declare const FillSolidIcon: JSX.Element;
+export declare const StrokeWidthThinIcon: JSX.Element;
+export declare const StrokeWidthBaseIcon: JSX.Element;
+export declare const StrokeWidthBoldIcon: JSX.Element;
+export declare const StrokeWidthExtraBoldIcon: JSX.Element;
 export declare const StrokeStyleSolidIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
-export declare const StrokeStyleDashedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeStyleDottedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArchitectIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArtistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessCartoonistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeSharpIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeRoundIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const StrokeStyleDashedIcon: JSX.Element;
+export declare const StrokeStyleDottedIcon: JSX.Element;
+export declare const SloppinessArchitectIcon: JSX.Element;
+export declare const SloppinessArtistIcon: JSX.Element;
+export declare const SloppinessCartoonistIcon: JSX.Element;
+export declare const EdgeSharpIcon: JSX.Element;
+export declare const EdgeRoundIcon: JSX.Element;
+export declare const ArrowheadNoneIcon: JSX.Element;
+export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const FontSizeSmallIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeMediumIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeExtraLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyHandDrawnIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyLocalFontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyNormalIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyCodeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignCenterIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
+export declare const FontSizeSmallIcon: JSX.Element;
+export declare const FontSizeMediumIcon: JSX.Element;
+export declare const FontSizeLargeIcon: JSX.Element;
+export declare const FontSizeExtraLargeIcon: JSX.Element;
+export declare const FontFamilyNormalIcon: JSX.Element;
+export declare const FontFamilyCodeIcon: JSX.Element;
+export declare const FontFamilyLocalFontIcon: JSX.Element;
+export declare const TextAlignLeftIcon: JSX.Element;
+export declare const TextAlignCenterIcon: JSX.Element;
+export declare const TextAlignRightIcon: JSX.Element;
 export declare const TextAlignTopIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
@@ -177,6 +137,5 @@ export declare const TextAlignMiddleIcon: React.MemoExoticComponent<({ theme }:
     theme: Theme;
 }) => JSX.Element>;
 export declare const publishIcon: JSX.Element;
-export declare const editIcon: JSX.Element;
 export declare const eraser: JSX.Element;
 export {};

package/types/constants.d.ts

@@ -105,6 +105,7 @@ export declare const TITLE_TIMEOUT = 10000;
 export declare const VERSION_TIMEOUT = 30000;
 export declare const SCROLL_TIMEOUT = 100;
 export declare const ZOOM_STEP = 0.05;
+export declare const MIN_ZOOM = 0.1;
 export declare const HYPERLINK_TOOLTIP_DELAY = 300;
 export declare const IDLE_THRESHOLD = 60000;
 export declare const ACTIVE_THRESHOLD = 3000;

package/types/data/restore.d.ts

@@ -8,7 +8,7 @@ export declare type RestoredDataState = {
     appState: RestoredAppState;
     files: BinaryFiles;
 };
-export declare const restoreElements: (elements: ImportedDataState["elements"], localElements: readonly ExcalidrawElement[] | null | undefined) => ExcalidrawElement[];
+export declare const restoreElements: (elements: ImportedDataState["elements"], localElements: readonly ExcalidrawElement[] | null | undefined, refreshDimensions?: boolean) => ExcalidrawElement[];
 export declare const restoreAppState: (appState: ImportedDataState["appState"], localAppState: Partial<AppState> | null | undefined) => RestoredAppState;
 export declare const restore: (data: Pick<ImportedDataState, "appState" | "elements" | "files"> | null, localAppState: Partial<AppState> | null | undefined, localElements: readonly ExcalidrawElement[] | null | undefined) => RestoredDataState;
 export declare const restoreLibraryItems: (libraryItems: ImportedDataState["libraryItems"], defaultStatus: LibraryItem["status"]) => LibraryItem[];

package/types/data/types.d.ts

@@ -10,12 +10,27 @@ export interface ExportedDataState {
     appState: ReturnType<typeof cleanAppStateForExport>;
     files: BinaryFiles | undefined;
 }
+/**
+ * Map of legacy AppState keys, with values of:
+ *  [<legacy type>, <new AppState proeprty>]
+ *
+ * This is a helper type used in downstream abstractions.
+ * Don't consume on its own.
+ */
+export declare type LegacyAppState = {
+    /** @deprecated #5663 TODO remove 22-12-15 */
+    isLibraryOpen: [boolean, "openSidebar"];
+    /** @deprecated #5663 TODO remove 22-12-15 */
+    isLibraryMenuDocked: [boolean, "isSidebarDocked"];
+};
 export interface ImportedDataState {
     type?: string;
     version?: number;
     source?: string;
     elements?: readonly ExcalidrawElement[] | null;
-    appState?: Readonly<Partial<AppState>> | null;
+    appState?: Readonly<Partial<AppState & {
+        [T in keyof LegacyAppState]: LegacyAppState[T][0];
+    }>> | null;
     scrollToContent?: boolean;
     libraryItems?: LibraryItems_anyVersion;
     files?: BinaryFiles;

package/types/element/Hyperlink.d.ts

@@ -18,6 +18,7 @@ export declare const actionLink: {
         appState: {
             showHyperlinkPopup: "editor";
             openMenu: null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: NonDeletedExcalidrawElement | null;
@@ -72,6 +73,9 @@ export declare const actionLink: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
                 [id: string]: boolean;
@@ -80,7 +84,6 @@ export declare const actionLink: {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -98,8 +101,6 @@ export declare const actionLink: {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;
@@ -130,7 +131,9 @@ 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) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/element/index.d.ts

@@ -1,5 +1,5 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted } from "./types";
-export { newElement, newTextElement, updateTextElement, newLinearElement, newImageElement, duplicateElement, } from "./newElement";
+export { newElement, newTextElement, updateTextElement, refreshTextDimensions, newLinearElement, newImageElement, duplicateElement, } from "./newElement";
 export { getElementAbsoluteCoords, getElementBounds, getCommonBounds, getDiamondPoints, getArrowheadPoints, getClosestElementBounds, } from "./bounds";
 export { OMIT_SIDES_FOR_MULTIPLE_ELEMENTS, getTransformHandlesFromCoords, getTransformHandles, } from "./transformHandles";
 export { hitTest, isHittingElementBoundingBoxWithoutHittingElement, } from "./collision";

package/types/element/linearElementEditor.d.ts

@@ -106,6 +106,7 @@ export declare class LinearElementEditor {
                 hoverPointIndex: number;
                 segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("./types").NonDeletedExcalidrawElement | null;
@@ -160,6 +161,9 @@ export declare class LinearElementEditor {
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
                 [id: string]: boolean;
@@ -168,7 +172,6 @@ export declare class LinearElementEditor {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -186,8 +189,6 @@ export declare class LinearElementEditor {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;

package/types/element/newElement.d.ts

@@ -13,6 +13,14 @@ export declare const newTextElement: (opts: {
     verticalAlign: VerticalAlign;
     containerId?: ExcalidrawRectangleElement["id"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawTextElement>;
+export declare const refreshTextDimensions: (textElement: ExcalidrawTextElement, text?: string) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    baseline: number;
+    text: string;
+};
 export declare const getMaxContainerWidth: (container: ExcalidrawElement) => number;
 export declare const getMaxContainerHeight: (container: ExcalidrawElement) => number;
 export declare const updateTextElement: (textElement: ExcalidrawTextElement, { text, isDeleted, originalText, rawText, link, }: {

package/types/element/transformHandles.d.ts

@@ -15,8 +15,8 @@ export declare const OMIT_SIDES_FOR_MULTIPLE_ELEMENTS: {
     w: boolean;
 };
 export declare const getTransformHandlesFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, zoom: Zoom, pointerType: PointerType, omitSides?: {
-    e?: boolean | undefined;
     s?: boolean | undefined;
+    e?: boolean | undefined;
     w?: boolean | undefined;
     n?: boolean | undefined;
     nw?: boolean | undefined;

package/types/excalidraw-app/CustomStats.d.ts

@@ -0,0 +1,9 @@
+import { AppState } from "../types";
+import { NonDeletedExcalidrawElement } from "../element/types";
+declare type Props = {
+    setToast: (message: string) => void;
+    elements: readonly NonDeletedExcalidrawElement[];
+    appState: AppState;
+};
+declare const CustomStats: (props: Props) => JSX.Element;
+export default CustomStats;

package/types/excalidraw-app/app_constants.d.ts

@@ -0,0 +1,32 @@
+export declare const SAVE_TO_LOCAL_STORAGE_TIMEOUT = 300;
+export declare const INITIAL_SCENE_UPDATE_TIMEOUT = 5000;
+export declare const FILE_UPLOAD_TIMEOUT = 300;
+export declare const LOAD_IMAGES_TIMEOUT = 500;
+export declare const SYNC_FULL_SCENE_INTERVAL_MS = 20000;
+export declare const SYNC_BROWSER_TABS_TIMEOUT = 50;
+export declare const CURSOR_SYNC_TIMEOUT = 33;
+export declare const DELETED_ELEMENT_TIMEOUT: number;
+export declare const FILE_UPLOAD_MAX_BYTES: number;
+export declare const FILE_CACHE_MAX_AGE_SEC = 31536000;
+export declare const WS_EVENTS: {
+    SERVER_VOLATILE: string;
+    SERVER: string;
+};
+export declare enum WS_SCENE_EVENT_TYPES {
+    INIT = "SCENE_INIT",
+    UPDATE = "SCENE_UPDATE"
+}
+export declare const FIREBASE_STORAGE_PREFIXES: {
+    shareLinkFiles: string;
+    collabFiles: string;
+};
+export declare const ROOM_ID_BYTES = 10;
+export declare const STORAGE_KEYS: {
+    readonly LOCAL_STORAGE_ELEMENTS: "excalidraw";
+    readonly LOCAL_STORAGE_APP_STATE: "excalidraw-state";
+    readonly LOCAL_STORAGE_COLLAB: "excalidraw-collab";
+    readonly LOCAL_STORAGE_LIBRARY: "excalidraw-library";
+    readonly LOCAL_STORAGE_THEME: "excalidraw-theme";
+    readonly VERSION_DATA_STATE: "version-dataState";
+    readonly VERSION_FILES: "version-files";
+};