@dwelle/excalidraw 0.3.10 → 0.3.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dwelle/excalidraw",
-  "version": "0.3.10",
+  "version": "0.3.14",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -40,7 +40,7 @@
     "@babel/core": "7.14.8",
     "@babel/plugin-transform-arrow-functions": "7.14.5",
     "@babel/plugin-transform-async-to-generator": "7.14.5",
-    "@babel/plugin-transform-runtime": "7.14.5",
+    "@babel/plugin-transform-runtime": "7.15.8",
     "@babel/plugin-transform-typescript": "7.14.6",
     "@babel/preset-env": "7.14.9",
     "@babel/preset-react": "7.14.5",

package/types/actions/types.d.ts

@@ -1,13 +1,15 @@
 import React from "react";
 import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, ExcalidrawProps } from "../types";
+import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles } from "../types";
 import { ToolButtonSize } from "../components/ToolButton";
 /** if false, the action should be prevented */
 export declare type ActionResult = {
     elements?: readonly ExcalidrawElement[] | null;
     appState?: MarkOptional<AppState, "offsetTop" | "offsetLeft" | "width" | "height"> | null;
+    files?: BinaryFiles | null;
     commitToHistory: boolean;
     syncHistory?: boolean;
+    replaceFiles?: boolean;
 } | false;
 declare type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export declare type UpdaterFn = (res: ActionResult) => void;

package/types/appState.d.ts

@@ -1,7 +1,6 @@
-import { ExcalidrawElement } from "./element/types";
 import { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
-export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>, elements: readonly ExcalidrawElement[]) => {
+export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
     theme?: string | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
@@ -54,12 +53,11 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>,
     showStats?: boolean | undefined;
     currentChartType?: import("./element/types").ChartType | undefined;
 };
-export declare const cleanAppStateForExport: (appState: Partial<AppState>, elements: readonly ExcalidrawElement[]) => {
-    files?: Record<string, import("./types").BinaryFileData> | undefined;
+export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;
     gridSize?: number | null | undefined;
 };
-export declare const clearAppStateForDatabase: (appState: Partial<AppState>, elements: readonly ExcalidrawElement[]) => {
+export declare const clearAppStateForDatabase: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;
     gridSize?: number | null | undefined;
 };

package/types/clipboard.d.ts

@@ -1,17 +1,17 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
-import { AppState } from "./types";
+import { AppState, BinaryFiles } from "./types";
 import { Spreadsheet } from "./charts";
 export interface ClipboardData {
     spreadsheet?: Spreadsheet;
     elements?: readonly ExcalidrawElement[];
-    files?: AppState["files"];
+    files?: BinaryFiles;
     text?: string;
     errorMessage?: string;
 }
 export declare const probablySupportsClipboardReadText: boolean;
 export declare const probablySupportsClipboardWriteText: boolean;
 export declare const probablySupportsClipboardBlob: boolean;
-export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => Promise<void>;
+export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles) => Promise<void>;
 /**
  * Attemps to parse clipboard. Prefers system clipboard.
  */

package/types/components/App.d.ts

@@ -3,7 +3,7 @@ import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement } from "../element/types";
 import History from "../history";
-import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, LibraryItems, SceneData } from "../types";
+import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData } from "../types";
 export declare const useIsMobile: () => boolean;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
@@ -26,6 +26,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private id;
     private history;
     private excalidrawContainerValue;
+    files: BinaryFiles;
     imageCache: AppClassProperties["imageCache"];
     constructor(props: AppProps);
     private renderCanvas;

package/types/components/ClearCanvas.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./ClearCanvas.scss";
+declare const ClearCanvas: ({ onConfirm }: {
+    onConfirm: () => void;
+}) => JSX.Element;
+export default ClearCanvas;

package/types/components/ImageExportDialog.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
 import { ActionsManagerInterface } from "../actions/types";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 import "./ExportDialog.scss";
 export declare const ErrorCanvasPreview: () => JSX.Element;
 export declare type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
-export declare const ImageExportDialog: ({ elements, appState, exportPadding, actionManager, onExportToPng, onExportToSvg, onExportToClipboard, }: {
+export declare const ImageExportDialog: ({ elements, appState, files, exportPadding, actionManager, onExportToPng, onExportToSvg, onExportToClipboard, }: {
     appState: AppState;
     elements: readonly NonDeletedExcalidrawElement[];
+    files: BinaryFiles;
     exportPadding?: number | undefined;
     actionManager: ActionsManagerInterface;
     onExportToPng: ExportCB;

package/types/components/JSONExportDialog.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { ActionsManagerInterface } from "../actions/types";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, CanvasActions } from "../types";
+import { AppState, CanvasActions, BinaryFiles } from "../types";
 import "./ExportDialog.scss";
 export declare type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
-export declare const JSONExportDialog: ({ elements, appState, actionManager, exportOpts, canvas, }: {
-    appState: AppState;
+export declare const JSONExportDialog: ({ elements, appState, files, actionManager, exportOpts, canvas, }: {
     elements: readonly NonDeletedExcalidrawElement[];
+    appState: AppState;
+    files: BinaryFiles;
     actionManager: ActionsManagerInterface;
     exportOpts: CanvasActions["export"];
     canvas: HTMLCanvasElement | null;

package/types/components/LayerUI.d.ts

@@ -2,13 +2,14 @@ import React from "react";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language } from "../i18n";
-import { AppProps, AppState, ExcalidrawProps } from "../types";
+import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
 import "./LayerUI.scss";
 import Library from "../data/library";
 interface LayerUIProps {
     onHomeButtonClick?: () => void;
     actionManager: ActionManager;
     appState: AppState;
+    files: BinaryFiles;
     canvas: HTMLCanvasElement | null;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
@@ -33,5 +34,5 @@ interface LayerUIProps {
         insertOnCanvasDirectly: boolean;
     }) => void;
 }
-declare const _default: React.MemoExoticComponent<({ onHomeButtonClick, actionManager, appState, setAppState, canvas, elements, onCollabButtonClick, onLockToggle, onInsertElements, zenModeEnabled, showExitZenModeBtn, showThemeBtn, toggleZenMode, isCollaborating, renderTopRightUI, renderCustomFooter, viewModeEnabled, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ onHomeButtonClick, actionManager, appState, files, setAppState, canvas, elements, onCollabButtonClick, onLockToggle, onInsertElements, zenModeEnabled, showExitZenModeBtn, showThemeBtn, toggleZenMode, isCollaborating, renderTopRightUI, renderCustomFooter, viewModeEnabled, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/LibraryUnit.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { AppState, LibraryItem } from "../types";
+import { BinaryFiles, LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 export declare const LibraryUnit: ({ elements, files, pendingElements, onRemoveFromLibrary, onClick, }: {
     elements?: LibraryItem | undefined;
-    files: AppState["files"];
+    files: BinaryFiles;
     pendingElements?: LibraryItem | undefined;
     onRemoveFromLibrary: () => void;
     onClick: () => void;

package/types/constants.d.ts

@@ -80,6 +80,7 @@ export declare const MIME_TYPES: {
     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: {
@@ -125,6 +126,6 @@ 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"];
+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";

package/types/data/filesystem.d.ts

@@ -1,5 +1,5 @@
 import { FileWithHandle, FileSystemHandle, supported as nativeFileSystemSupported } from "@dwelle/browser-fs-access";
-declare type FILE_EXTENSION = "jpg" | "png" | "svg" | "json" | "excalidraw" | "excalidrawlib";
+declare type FILE_EXTENSION = "gif" | "jpg" | "png" | "svg" | "json" | "excalidraw" | "excalidrawlib";
 export declare const fileOpen: <M extends boolean | undefined = false>(opts: {
     extensions?: FILE_EXTENSION[] | undefined;
     description?: string | undefined;

package/types/data/index.d.ts

@@ -1,10 +1,10 @@
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { ExportType } from "../scene/types";
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 import { FileSystemHandle } from "./filesystem";
 export { loadFromBlob } from "./blob";
 export { loadFromJSON, saveAsJSON } from "./json";
-export declare const exportCanvas: (type: ExportType, elements: readonly NonDeletedExcalidrawElement[], appState: AppState, { exportBackground, exportPadding, viewBackgroundColor, name, fileHandle, }: {
+export declare const exportCanvas: (type: ExportType, elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, { exportBackground, exportPadding, viewBackgroundColor, name, fileHandle, }: {
     exportBackground: boolean;
     exportPadding?: number | undefined;
     viewBackgroundColor: string;

package/types/data/json.d.ts

@@ -1,9 +1,9 @@
 import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 import { ImportedDataState } from "./types";
 import Library from "./library";
-export declare const serializeAsJSON: (elements: readonly ExcalidrawElement[], appState: Partial<AppState>, type: "local" | "database") => string;
-export declare const saveAsJSON: (elements: readonly ExcalidrawElement[], appState: AppState) => Promise<{
+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<{
     fileHandle: import("@dwelle/browser-fs-access").FileSystemHandle | null;
 }>;
 export declare const loadFromJSON: (localAppState: AppState, localElements: readonly ExcalidrawElement[] | null) => Promise<import("./restore").RestoredDataState>;

package/types/data/resave.d.ts

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

package/types/data/restore.d.ts

@@ -1,11 +1,12 @@
 import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 import { ImportedDataState } from "./types";
 declare type RestoredAppState = Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const AllowedExcalidrawElementTypes: Record<ExcalidrawElement["type"], true>;
 export declare type RestoredDataState = {
     elements: ExcalidrawElement[];
     appState: RestoredAppState;
+    files: BinaryFiles;
 };
 export declare const restoreElements: (elements: ImportedDataState["elements"], localElements: readonly ExcalidrawElement[] | null | undefined) => ExcalidrawElement[];
 export declare const restoreAppState: (appState: ImportedDataState["appState"], localAppState: Partial<AppState> | null | undefined) => RestoredAppState;

package/types/data/types.d.ts

@@ -1,5 +1,5 @@
 import { ExcalidrawElement } from "../element/types";
-import { AppState, LibraryItems } from "../types";
+import { AppState, BinaryFiles, LibraryItems } from "../types";
 import type { cleanAppStateForExport } from "../appState";
 export interface ExportedDataState {
     type: string;
@@ -7,6 +7,7 @@ export interface ExportedDataState {
     source: string;
     elements: readonly ExcalidrawElement[];
     appState: ReturnType<typeof cleanAppStateForExport>;
+    files: BinaryFiles | undefined;
 }
 export interface ImportedDataState {
     type?: string;
@@ -16,6 +17,7 @@ export interface ImportedDataState {
     appState?: Readonly<Partial<AppState>> | null;
     scrollToContent?: boolean;
     libraryItems?: LibraryItems;
+    files?: BinaryFiles;
 }
 export interface ExportedLibraryData {
     type: string;

package/types/element/image.d.ts

@@ -1,16 +1,16 @@
-import { AppClassProperties, AppState, DataURL } from "../types";
+import { AppClassProperties, DataURL, BinaryFiles } from "../types";
 import { ExcalidrawElement, FileId, InitializedExcalidrawImageElement } from "./types";
 export declare const loadHTMLImageElement: (dataURL: DataURL) => Promise<HTMLImageElement>;
 /** NOTE: updates cache even if already populated with given image. Thus,
  * you should filter out the images upstream if you want to optimize this. */
 export declare const updateImageCache: ({ fileIds, files, imageCache, }: {
     fileIds: FileId[];
-    files: AppState["files"];
+    files: BinaryFiles;
     imageCache: AppClassProperties["imageCache"];
 }) => Promise<{
     imageCache: Map<FileId, {
         image: HTMLImageElement | Promise<HTMLImageElement>;
-        mimeType: "image/svg+xml" | "image/png" | "image/jpeg";
+        mimeType: "image/svg+xml" | "image/png" | "image/jpeg" | "image/gif";
     }>;
     /** includes errored files because they cache was updated nonetheless */
     updatedFiles: Map<FileId, true>;

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

@@ -6,10 +6,11 @@ import { ExcalidrawAPIRefValue, ExcalidrawProps } from "../../types";
 declare type PublicExcalidrawProps = Omit<ExcalidrawProps, "forwardedRef">;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<PublicExcalidrawProps & React.RefAttributes<ExcalidrawAPIRefValue>>>;
 export default _default;
-export { getSceneVersion, getElementMap, isInvisiblySmallElement, } from "../../element";
+export { getSceneVersion, getElementMap, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
 export { defaultLang, languages } from "../../i18n";
 export { restore, restoreElements, restoreAppState } from "../../data/restore";
 export { exportToBlob, exportToCanvas, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, } from "../../packages/utils";
+export { isLinearElement } from "../../element/typeChecks";
 export { FONT_FAMILY, THEME } from "../../constants";
 export { exportToClipboard } from "../utils";
 export { getDefaultAppState } from "../../appState";

package/types/packages/utils.d.ts

@@ -1,20 +1,21 @@
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 import { ExcalidrawElement } from "../element/types";
 declare type ExportOpts = {
     elements: readonly ExcalidrawElement[];
     appState?: Partial<Omit<AppState, "offsetTop" | "offsetLeft">>;
+    files: BinaryFiles | null;
     getDimensions?: (width: number, height: number) => {
         width: number;
         height: number;
         scale: number;
     };
 };
-export declare const exportToCanvas: ({ elements, appState, getDimensions, }: ExportOpts) => Promise<HTMLCanvasElement>;
+export declare const exportToCanvas: ({ elements, appState, files, getDimensions, }: ExportOpts) => Promise<HTMLCanvasElement>;
 export declare const exportToBlob: (opts: ExportOpts & {
     mimeType?: string;
     quality?: number;
 }) => Promise<Blob | null>;
-export declare const exportToSvg: ({ elements, appState, exportPadding, }: Omit<ExportOpts, "getDimensions"> & {
+export declare const exportToSvg: ({ elements, appState, files, exportPadding, }: Omit<ExportOpts, "getDimensions"> & {
     exportPadding?: number | undefined;
 }) => Promise<SVGSVGElement>;
 export declare const exportToClipboard: (opts: ExportOpts & {

package/types/renderer/renderElement.d.ts

@@ -3,7 +3,7 @@ import { RoughCanvas } from "roughjs/bin/canvas";
 import { Drawable, Options } from "roughjs/bin/core";
 import { RoughSVG } from "roughjs/bin/svg";
 import { SceneState } from "../scene/types";
-import { AppState, Zoom } from "../types";
+import { BinaryFiles, Zoom } from "../types";
 export interface ExcalidrawElementWithCanvas {
     element: ExcalidrawElement | ExcalidrawTextElement;
     canvas: HTMLCanvasElement;
@@ -17,7 +17,7 @@ export declare const invalidateShapeForElement: (element: ExcalidrawElement) =>
 export declare const clearRenderCache: () => void;
 export declare const generateRoughOptions: (element: ExcalidrawElement, continuousPath?: boolean) => Options;
 export declare const renderElement: (element: NonDeletedExcalidrawElement, rc: RoughCanvas, context: CanvasRenderingContext2D, renderOptimizations: boolean, sceneState: SceneState) => void;
-export declare const renderElementToSvg: (element: NonDeletedExcalidrawElement, rsvg: RoughSVG, svgRoot: SVGElement, files: AppState["files"], offsetX?: number | undefined, offsetY?: number | undefined) => void;
+export declare const renderElementToSvg: (element: NonDeletedExcalidrawElement, rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, offsetX?: number | undefined, offsetY?: number | undefined) => void;
 export declare let pathsCache: WeakMap<ExcalidrawFreeDrawElement, Path2D>;
 export declare function generateFreeDrawShape(element: ExcalidrawFreeDrawElement): Path2D;
 export declare function getFreeDrawPath2D(element: ExcalidrawFreeDrawElement): Path2D | undefined;

package/types/renderer/renderScene.d.ts

@@ -1,6 +1,6 @@
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { RoughSVG } from "roughjs/bin/svg";
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { SceneState } from "../scene/types";
 export declare const renderScene: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, selectionElement: NonDeletedExcalidrawElement | null, scale: number, rc: RoughCanvas, canvas: HTMLCanvasElement, sceneState: SceneState, { renderScrollbars, renderSelection, renderOptimizations, renderGrid, isExport, }?: {
@@ -16,7 +16,7 @@ export declare const renderScene: (elements: readonly NonDeletedExcalidrawElemen
     atLeastOneVisibleElement: boolean;
     scrollBars: import("../scene/types").ScrollBars | undefined;
 };
-export declare const renderSceneToSvg: (elements: readonly NonDeletedExcalidrawElement[], rsvg: RoughSVG, svgRoot: SVGElement, files: AppState["files"], { offsetX, offsetY, }?: {
+export declare const renderSceneToSvg: (elements: readonly NonDeletedExcalidrawElement[], rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, { offsetX, offsetY, }?: {
     offsetX?: number | undefined;
     offsetY?: number | undefined;
 }) => void;

package/types/scene/export.d.ts

@@ -1,7 +1,7 @@
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppState, BinaryFiles } from "../types";
 export declare const SVG_EXPORT_TAG = "<!-- svg-source:excalidraw -->";
-export declare const exportToCanvas: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, { exportBackground, exportPadding, viewBackgroundColor, }: {
+export declare const exportToCanvas: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, { exportBackground, exportPadding, viewBackgroundColor, }: {
     exportBackground: boolean;
     exportPadding?: number | undefined;
     viewBackgroundColor: string;
@@ -16,6 +16,5 @@ export declare const exportToSvg: (elements: readonly NonDeletedExcalidrawElemen
     viewBackgroundColor: string;
     exportWithDarkMode?: boolean;
     exportEmbedScene?: boolean;
-    files: AppState["files"];
-}) => Promise<SVGSVGElement>;
+}, files: BinaryFiles | null) => Promise<SVGSVGElement>;
 export declare const getExportSize: (elements: readonly NonDeletedExcalidrawElement[], exportPadding: number, scale: number) => [number, number];

package/types/shapes.d.ts

@@ -34,6 +34,6 @@ export declare const SHAPES: readonly [{
 }, {
     readonly icon: JSX.Element;
     readonly value: "image";
-    readonly key: "i";
+    readonly key: null;
 }];
 export declare const findShapeByKey: (key: string) => "line" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "text" | "arrow" | "freedraw" | null;

package/types/types.d.ts

@@ -41,8 +41,8 @@ export declare type BinaryFileData = {
     created: number;
 };
 export declare type BinaryFileMetadata = Omit<BinaryFileData, "dataURL">;
+export declare type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
 export declare type AppState = {
-    files: Record<ExcalidrawElement["id"], BinaryFileData>;
     isLoading: boolean;
     errorMessage: string | null;
     draggingElement: NonDeletedExcalidrawElement | null;
@@ -164,7 +164,7 @@ declare type InitialData = ImportedDataState & {
 };
 export interface ExcalidrawProps {
     id?: string | null;
-    onChange?: (elements: readonly ExcalidrawElement[], appState: AppState, id?: string | null) => void;
+    onChange?: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles, id?: string | null) => void;
     onHomeButtonClick?: () => void;
     initialData?: InitialData | null | Promise<InitialData | null>;
     user?: {
@@ -212,8 +212,8 @@ export declare enum UserIdleState {
 }
 export declare type ExportOpts = {
     saveFileToDisk?: boolean;
-    onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, canvas: HTMLCanvasElement | null) => void;
-    renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, canvas: HTMLCanvasElement | null) => JSX.Element;
+    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;
 };
 export declare type CanvasActions = {
     changeViewBackgroundColor?: boolean;
@@ -245,6 +245,7 @@ export declare type AppClassProperties = {
         image: HTMLImageElement | Promise<HTMLImageElement>;
         mimeType: typeof ALLOWED_IMAGE_MIME_TYPES[number];
     }>;
+    files: BinaryFiles;
 };
 export declare type PointerDownState = Readonly<{
     origin: Readonly<{
@@ -306,6 +307,7 @@ export declare type ExcalidrawImperativeAPI = {
     scrollToContent: InstanceType<typeof App>["scrollToContent"];
     getSceneElements: InstanceType<typeof App>["getSceneElements"];
     getAppState: () => InstanceType<typeof App>["state"];
+    getFiles: () => InstanceType<typeof App>["files"];
     refresh: InstanceType<typeof App>["refresh"];
     importLibrary: InstanceType<typeof App>["importLibraryFromUrl"];
     setToastMessage: InstanceType<typeof App>["setToastMessage"];