@excalidraw/excalidraw 0.7.0 → 0.11.0

package/types/components/LibraryButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { AppState } from "../types";
+export declare const LibraryButton: React.FC<{
+    appState: AppState;
+    setAppState: React.Component<any, AppState>["setState"];
+    isMobile?: boolean;
+}>;

package/types/components/LibraryMenu.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import Library from "../data/library";
+import { LibraryItem, AppState, BinaryFiles, ExcalidrawProps } from "../types";
+import "./LibraryMenu.scss";
+export declare const LibraryMenu: ({ onClose, onInsertShape, pendingElements, onAddToLibrary, theme, setAppState, files, libraryReturnUrl, focusContainer, library, id, appState, }: {
+    pendingElements: LibraryItem["elements"];
+    onClose: () => void;
+    onInsertShape: (elements: LibraryItem["elements"]) => void;
+    onAddToLibrary: () => void;
+    theme: AppState["theme"];
+    files: BinaryFiles;
+    setAppState: React.Component<any, AppState>["setState"];
+    libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
+    focusContainer: () => void;
+    library: Library;
+    id: string;
+    appState: AppState;
+}) => JSX.Element | null;

package/types/components/LibraryMenuItems.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import Library from "../data/library";
+import { AppState, BinaryFiles, ExcalidrawProps, LibraryItem, LibraryItems } from "../types";
+import "./LibraryMenuItems.scss";
+declare const LibraryMenuItems: ({ libraryItems, onRemoveFromLibrary, onAddToLibrary, onInsertShape, pendingElements, theme, setAppState, libraryReturnUrl, library, files, id, selectedItems, onToggle, onPublish, resetLibrary, }: {
+    libraryItems: LibraryItems;
+    pendingElements: LibraryItem["elements"];
+    onRemoveFromLibrary: () => void;
+    onInsertShape: (elements: LibraryItem["elements"]) => void;
+    onAddToLibrary: (elements: LibraryItem["elements"]) => void;
+    theme: AppState["theme"];
+    files: BinaryFiles;
+    setAppState: React.Component<any, AppState>["setState"];
+    libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
+    library: Library;
+    id: string;
+    selectedItems: LibraryItem["id"][];
+    onToggle: (id: LibraryItem["id"], event: React.MouseEvent) => void;
+    onPublish: () => void;
+    resetLibrary: () => void;
+}) => JSX.Element;
+export default LibraryMenuItems;

package/types/components/LibraryUnit.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
-import { LibraryItem } from "../types";
+import { BinaryFiles, LibraryItem } from "../types";
 import "./LibraryUnit.scss";
-export declare const LibraryUnit: ({ elements, pendingElements, onRemoveFromLibrary, onClick, }: {
-    elements?: LibraryItem | undefined;
-    pendingElements?: LibraryItem | undefined;
-    onRemoveFromLibrary: () => void;
+export declare const LibraryUnit: ({ id, elements, files, isPending, onClick, selected, onToggle, }: {
+    id: LibraryItem["id"] | /** for pending item */ null;
+    elements?: readonly import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | undefined;
+    files: BinaryFiles;
+    isPending?: boolean | undefined;
     onClick: () => void;
+    selected: boolean;
+    onToggle: (id: string, event: React.MouseEvent) => void;
 }) => JSX.Element;

package/types/components/{LockIcon.d.ts → LockButton.d.ts}

@@ -1,14 +1,12 @@
 /// <reference types="react" />
 import "./ToolIcon.scss";
-declare type LockIconSize = "s" | "m";
 declare type LockIconProps = {
     title?: string;
     name?: string;
-    id?: string;
     checked: boolean;
     onChange?(): void;
-    size?: LockIconSize;
     zenModeEnabled?: boolean;
+    isMobile?: boolean;
 };
-export declare const LockIcon: (props: LockIconProps) => JSX.Element;
+export declare const LockButton: (props: LockIconProps) => JSX.Element;
 export {};

package/types/components/MobileMenu.d.ts

@@ -5,17 +5,23 @@ import { NonDeletedExcalidrawElement } from "../element/types";
 declare type MobileMenuProps = {
     appState: AppState;
     actionManager: ActionManager;
-    exportButton: React.ReactNode;
+    renderJSONExportDialog: () => React.ReactNode;
+    renderImageExportDialog: () => React.ReactNode;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
     libraryMenu: JSX.Element | null;
     onCollabButtonClick?: () => void;
     onLockToggle: () => void;
+    onPenModeToggle: () => void;
     canvas: HTMLCanvasElement | null;
     isCollaborating: boolean;
-    renderCustomFooter?: (isMobile: boolean) => JSX.Element;
+    renderCustomFooter?: (isMobile: boolean, appState: AppState) => JSX.Element;
     viewModeEnabled: boolean;
     showThemeBtn: boolean;
+    onImageAction: (data: {
+        insertOnCanvasDirectly: boolean;
+    }) => void;
+    renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
 };
-export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, exportButton, setAppState, onCollabButtonClick, onLockToggle, canvas, isCollaborating, renderCustomFooter, viewModeEnabled, showThemeBtn, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, onPenModeToggle, canvas, isCollaborating, renderCustomFooter, viewModeEnabled, showThemeBtn, onImageAction, renderTopRightUI, }: MobileMenuProps) => JSX.Element;
 export {};

package/types/components/Modal.d.ts

@@ -8,4 +8,5 @@ export declare const Modal: (props: {
     onCloseRequest(): void;
     labelledBy: string;
     theme?: AppState["theme"];
+    closeOnClickOutside?: boolean;
 }) => React.ReactPortal | null;

package/types/components/PasteChartDialog.d.ts

@@ -5,5 +5,5 @@ export declare const PasteChartDialog: ({ setAppState, appState, onClose, onInse
     appState: AppState;
     onClose: () => void;
     setAppState: React.Component<any, AppState>["setState"];
-    onInsertChart: (elements: LibraryItem) => void;
+    onInsertChart: (elements: LibraryItem["elements"]) => void;
 }) => JSX.Element;

package/types/components/PenModeButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "./ToolIcon.scss";
+declare type PenModeIconProps = {
+    title?: string;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    zenModeEnabled?: boolean;
+    isMobile?: boolean;
+    penDetected: boolean;
+};
+export declare const PenModeButton: (props: PenModeIconProps) => JSX.Element | null;
+export {};

package/types/components/Popover.d.ts

@@ -6,6 +6,10 @@ declare type Props = {
     children?: React.ReactNode;
     onCloseRequest?(event: PointerEvent): void;
     fitInViewport?: boolean;
+    offsetLeft?: number;
+    offsetTop?: number;
+    viewportWidth?: number;
+    viewportHeight?: number;
 };
-export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, }: Props) => JSX.Element;
+export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, }: Props) => JSX.Element;
 export {};

package/types/components/ProjectName.d.ts

@@ -1,20 +1,11 @@
+/// <reference types="react" />
 import "./TextInput.scss";
-import { Component } from "react";
+import "./ProjectName.scss";
 declare type Props = {
     value: string;
     onChange: (value: string) => void;
     label: string;
     isNameEditable: boolean;
 };
-declare type State = {
-    fileName: string;
-};
-export declare class ProjectName extends Component<Props, State> {
-    state: {
-        fileName: string;
-    };
-    private handleBlur;
-    private handleKeyDown;
-    render(): JSX.Element;
-}
+export declare const ProjectName: (props: Props) => JSX.Element;
 export {};

package/types/components/PublishLibrary.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { AppState, LibraryItems } from "../types";
+import "./PublishLibrary.scss";
+declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {
+    onClose: () => void;
+    libraryItems: LibraryItems;
+    appState: AppState;
+    onSuccess: (data: {
+        url: string;
+        authorName: string;
+        items: LibraryItems;
+    }) => void;
+    onError: (error: Error) => void;
+    updateItemsInStorage: (items: LibraryItems) => void;
+    onRemove: (id: string) => void;
+}) => JSX.Element;
+export default PublishLibrary;

package/types/components/SingleLibraryItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AppState, LibraryItem } from "../types";
+import "./SingleLibraryItem.scss";
+declare const SingleLibraryItem: ({ libItem, appState, index, onChange, onRemove, }: {
+    libItem: LibraryItem;
+    appState: AppState;
+    index: number;
+    onChange: (val: string, index: number) => void;
+    onRemove: (id: string) => void;
+}) => JSX.Element;
+export default SingleLibraryItem;

package/types/components/Spinner.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./Spinner.scss";
+declare const Spinner: ({ size, circleWidth, }: {
+    size?: string | number | undefined;
+    circleWidth?: number | undefined;
+}) => JSX.Element;
+export default Spinner;

package/types/components/ToolButton.d.ts

@@ -1,6 +1,7 @@
 import "./ToolIcon.scss";
 import React from "react";
-declare type ToolIconSize = "s" | "m";
+import { PointerType } from "../element/types";
+export declare type ToolButtonSize = "small" | "medium";
 declare type ToolButtonBaseProps = {
     icon?: React.ReactNode;
     "aria-label": string;
@@ -10,22 +11,33 @@ declare type ToolButtonBaseProps = {
     title?: string;
     name?: string;
     id?: string;
-    size?: ToolIconSize;
+    size?: ToolButtonSize;
     keyBindingLabel?: string;
     showAriaLabel?: boolean;
     hidden?: boolean;
     visible?: boolean;
     selected?: boolean;
     className?: string;
+    isLoading?: boolean;
 };
 declare type ToolButtonProps = (ToolButtonBaseProps & {
     type: "button";
     children?: React.ReactNode;
+    onClick?(event: React.MouseEvent): void;
+}) | (ToolButtonBaseProps & {
+    type: "submit";
+    children?: React.ReactNode;
+    onClick?(event: React.MouseEvent): void;
+}) | (ToolButtonBaseProps & {
+    type: "icon";
+    children?: React.ReactNode;
     onClick?(): void;
 }) | (ToolButtonBaseProps & {
     type: "radio";
     checked: boolean;
-    onChange?(): void;
+    onChange?(data: {
+        pointerType: PointerType | null;
+    }): void;
 });
 export declare const ToolButton: React.ForwardRefExoticComponent<ToolButtonProps & React.RefAttributes<unknown>>;
 export {};

package/types/components/Tooltip.d.ts

@@ -1,10 +1,17 @@
 import "./Tooltip.scss";
 import React from "react";
+export declare const getTooltipDiv: () => HTMLDivElement;
+export declare const updateTooltipPosition: (tooltip: HTMLDivElement, item: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, position?: "bottom" | "top") => void;
 declare type TooltipProps = {
     children: React.ReactNode;
     label: string;
-    position?: "above" | "below";
     long?: boolean;
+    style?: React.CSSProperties;
 };
-export declare const Tooltip: ({ children, label, position, long, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, label, long, style, }: TooltipProps) => JSX.Element;
 export {};

package/types/components/icons.d.ts

@@ -1,4 +1,12 @@
 import React from "react";
+import { Theme } from "../element/types";
+declare type Opts = {
+    width?: number;
+    height?: number;
+    mirror?: true;
+} & React.SVGProps<SVGSVGElement>;
+export declare const createIcon: (d: string | React.ReactNode, opts?: number | Opts) => JSX.Element;
+export declare const checkIcon: JSX.Element;
 export declare const link: JSX.Element;
 export declare const save: JSX.Element;
 export declare const saveAs: JSX.Element;
@@ -7,6 +15,8 @@ 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 exportToFileIcon: JSX.Element;
 export declare const zoomIn: JSX.Element;
 export declare const zoomOut: JSX.Element;
 export declare const done: JSX.Element;
@@ -19,40 +29,40 @@ 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: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const SendBackwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const BringToFrontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const SendToBackIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const AlignTopIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const AlignBottomIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const AlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const AlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const DistributeHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const DistributeVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const CenterVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const CenterHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const users: JSX.Element;
 export declare const start: JSX.Element;
@@ -61,91 +71,99 @@ export declare const close: JSX.Element;
 export declare const back: JSX.Element;
 export declare const clone: JSX.Element;
 export declare const shield: JSX.Element;
+export declare const file: JSX.Element;
 export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FillHachureIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FillCrossHatchIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FillSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const StrokeWidthIcon: React.MemoExoticComponent<({ theme, strokeWidth }: {
-    theme: "light" | "dark";
+    theme: Theme;
     strokeWidth: number;
 }) => JSX.Element>;
 export declare const StrokeStyleSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const StrokeStyleDashedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const StrokeStyleDottedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const SloppinessArchitectIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const SloppinessArtistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const SloppinessCartoonistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const EdgeSharpIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const EdgeRoundIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: "light" | "dark";
+    theme: Theme;
     flip?: boolean | undefined;
 }) => JSX.Element>;
 export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: "light" | "dark";
+    theme: Theme;
     flip?: boolean | undefined;
 }) => JSX.Element>;
 export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: "light" | "dark";
+    theme: Theme;
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ theme, flip }: {
+    theme: Theme;
     flip?: boolean | undefined;
 }) => JSX.Element>;
 export declare const FontSizeSmallIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FontSizeMediumIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FontSizeLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FontSizeExtraLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FontFamilyHandDrawnIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FontFamilyNormalIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const FontFamilyCodeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const TextAlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const TextAlignCenterIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
 export declare const TextAlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: "light" | "dark";
+    theme: Theme;
 }) => JSX.Element>;
+export declare const publishIcon: JSX.Element;
+export declare const editIcon: JSX.Element;
+export {};

package/types/constants.d.ts

@@ -1,5 +1,5 @@
-import { FontFamily } from "./element/types";
 import { AppProps } from "./types";
+import { FontFamilyValues } from "./element/types";
 export declare const APP_NAME = "Excalidraw";
 export declare const DRAGGING_THRESHOLD = 10;
 export declare const LINE_CONFIRM_THRESHOLD = 8;
@@ -11,15 +11,16 @@ export declare const CURSOR_TYPE: {
     TEXT: string;
     CROSSHAIR: string;
     GRABBING: string;
+    GRAB: string;
     POINTER: string;
     MOVE: string;
     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",
@@ -30,6 +31,7 @@ export declare enum EVENT {
     MOUSE_MOVE = "mousemove",
     RESIZE = "resize",
     UNLOAD = "unload",
+    FOCUS = "focus",
     BLUR = "blur",
     DRAG_OVER = "dragover",
     DROP = "drop",
@@ -45,7 +47,8 @@ export declare enum EVENT {
     TOUCH_END = "touchend",
     HASHCHANGE = "hashchange",
     VISIBILITY_CHANGE = "visibilitychange",
-    SCROLL = "scroll"
+    SCROLL = "scroll",
+    EXCALIDRAW_LINK = "excalidraw-link"
 }
 export declare const ENV: {
     TEST: string;
@@ -55,21 +58,31 @@ export declare const CLASSES: {
     SHAPE_ACTIONS_MENU: string;
 };
 export declare const FONT_FAMILY: {
-    readonly 1: "Virgil";
-    readonly 2: "Helvetica";
-    readonly 3: "Cascadia";
+    Virgil: number;
+    Helvetica: number;
+    Cascadia: number;
+};
+export declare const THEME: {
+    LIGHT: string;
+    DARK: string;
 };
 export declare const WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
 export declare const DEFAULT_FONT_SIZE = 20;
-export declare const DEFAULT_FONT_FAMILY: FontFamily;
+export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
 export declare const DEFAULT_TEXT_ALIGN = "left";
 export declare const DEFAULT_VERTICAL_ALIGN = "top";
 export declare const DEFAULT_VERSION = "{version}";
 export declare const CANVAS_ONLY_ACTIONS: string[];
 export declare const GRID_SIZE = 20;
 export declare const MIME_TYPES: {
-    excalidraw: string;
-    excalidrawlib: string;
+    readonly excalidraw: "application/vnd.excalidraw+json";
+    readonly excalidrawlib: "application/vnd.excalidrawlib+json";
+    readonly json: "application/json";
+    readonly svg: "image/svg+xml";
+    readonly png: "image/png";
+    readonly jpg: "image/jpeg";
+    readonly gif: "image/gif";
+    readonly binary: "application/octet-stream";
 };
 export declare const EXPORT_DATA_TYPES: {
     readonly excalidraw: "excalidraw";
@@ -77,9 +90,7 @@ export declare const EXPORT_DATA_TYPES: {
     readonly excalidrawLibrary: "excalidrawlib";
 };
 export declare const EXPORT_SOURCE: string;
-export declare const STORAGE_KEYS: {
-    readonly LOCAL_STORAGE_LIBRARY: "excalidraw-library";
-};
+export declare const IMAGE_RENDER_TIMEOUT = 500;
 export declare const TAP_TWICE_TIMEOUT = 300;
 export declare const TOUCH_CTX_MENU_TIMEOUT = 500;
 export declare const TITLE_TIMEOUT = 10000;
@@ -87,6 +98,7 @@ export declare const TOAST_TIMEOUT = 5000;
 export declare const VERSION_TIMEOUT = 30000;
 export declare const SCROLL_TIMEOUT = 100;
 export declare const ZOOM_STEP = 0.1;
+export declare const HYPERLINK_TOOLTIP_DELAY = 300;
 export declare const IDLE_THRESHOLD = 60000;
 export declare const ACTIVE_THRESHOLD = 3000;
 export declare const MODES: {
@@ -105,3 +117,16 @@ export declare const DEFAULT_UI_OPTIONS: AppProps["UIOptions"];
 export declare const MQ_MAX_WIDTH_PORTRAIT = 730;
 export declare const MQ_MAX_WIDTH_LANDSCAPE = 1000;
 export declare const MQ_MAX_HEIGHT_LANDSCAPE = 500;
+export declare const MAX_DECIMALS_FOR_SVG_EXPORT = 2;
+export declare const EXPORT_SCALES: number[];
+export declare const DEFAULT_EXPORT_PADDING = 10;
+export declare const DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
+export declare const ALLOWED_IMAGE_MIME_TYPES: readonly ["image/png", "image/jpeg", "image/svg+xml", "image/gif"];
+export declare const MAX_ALLOWED_FILE_BYTES: number;
+export declare const SVG_NS = "http://www.w3.org/2000/svg";
+export declare const ENCRYPTION_KEY_BITS = 128;
+export declare const VERSIONS: {
+    readonly excalidraw: 2;
+    readonly excalidrawLibrary: 2;
+};
+export declare const BOUND_TEXT_PADDING = 5;

package/types/data/blob.d.ts

@@ -1,6 +1,28 @@
-import { AppState } from "../types";
+import { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "../constants";
+import { ExcalidrawElement, FileId } from "../element/types";
+import { AppState, DataURL } from "../types";
+import { FileSystemHandle } from "./filesystem";
 import { ImportedLibraryData } from "./types";
 export declare const getMimeType: (blob: Blob | string) => string;
-export declare const loadFromBlob: (blob: Blob, localAppState: AppState | null) => Promise<import("./restore").RestoredDataState>;
+export declare const getFileHandleType: (handle: FileSystemHandle | null) => string | null;
+export declare const isImageFileHandleType: (type: string | null) => type is "svg" | "png";
+export declare const isImageFileHandle: (handle: FileSystemHandle | null) => boolean;
+export declare const isSupportedImageFile: (blob: Blob | null | undefined) => blob is Blob & {
+    type: typeof ALLOWED_IMAGE_MIME_TYPES[number];
+};
+export declare const loadFromBlob: (blob: Blob, localAppState: AppState | null, localElements: readonly ExcalidrawElement[] | null) => Promise<import("./restore").RestoredDataState>;
 export declare const loadLibraryFromBlob: (blob: Blob) => Promise<ImportedLibraryData>;
 export declare const canvasToBlob: (canvas: HTMLCanvasElement) => Promise<Blob>;
+/** generates SHA-1 digest from supplied file (if not supported, falls back
+    to a 40-char base64 random id) */
+export declare const generateIdFromFile: (file: File) => Promise<FileId>;
+export declare const getDataURL: (file: Blob | File) => Promise<DataURL>;
+export declare const dataURLToFile: (dataURL: DataURL, filename?: string) => File;
+export declare const resizeImageFile: (file: File, opts: {
+    /** undefined indicates auto */
+    outputType?: typeof MIME_TYPES["jpg"];
+    maxWidthOrHeight: number;
+}) => Promise<File>;
+export declare const SVGStringToFile: (SVGString: string, filename?: string) => File & {
+    type: typeof MIME_TYPES.svg;
+};