@excalidraw/excalidraw 0.12.0-a0d413a → 0.12.0-a271e42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.12.0-a0d413a",
+  "version": "0.12.0-a271e42",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

package/types/actions/actionExport.d.ts

@@ -882,7 +882,7 @@ export declare const actionLoadScene: {
         commitToHistory: false;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/components/Actions.d.ts

@@ -2,11 +2,10 @@ import React from "react";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement, PointerType } from "../element/types";
 import { AppState, Zoom } from "../types";
-export declare const SelectedShapeActions: ({ appState, elements, renderAction, activeTool, }: {
+export declare const SelectedShapeActions: ({ appState, elements, renderAction, }: {
     appState: AppState;
     elements: readonly ExcalidrawElement[];
     renderAction: ActionManager["renderAction"];
-    activeTool: AppState["activeTool"]["type"];
 }) => JSX.Element;
 export declare const ShapesSwitcher: ({ canvas, activeTool, setAppState, onImageAction, appState, }: {
     canvas: HTMLCanvasElement | null;
@@ -21,3 +20,15 @@ export declare const ZoomActions: ({ renderAction, zoom, }: {
     renderAction: ActionManager["renderAction"];
     zoom: Zoom;
 }) => JSX.Element;
+export declare const UndoRedoActions: ({ renderAction, className, }: {
+    renderAction: ActionManager["renderAction"];
+    className?: string | undefined;
+}) => JSX.Element;
+export declare const ExitZenModeAction: ({ executeAction, showExitZenModeBtn, }: {
+    executeAction: ActionManager["executeAction"];
+    showExitZenModeBtn: boolean;
+}) => JSX.Element;
+export declare const FinalizeAction: ({ renderAction, className, }: {
+    renderAction: ActionManager["renderAction"];
+    className?: string | undefined;
+}) => JSX.Element;

package/types/components/App.d.ts

@@ -17,6 +17,8 @@ export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
     id: string | null;
 };
+export declare const useExcalidrawElements: () => readonly NonDeletedExcalidrawElement[];
+export declare const useExcalidrawAppState: () => AppState;
 declare class App extends React.Component<AppProps, AppState> {
     canvas: AppClassProperties["canvas"];
     rc: RoughCanvas | null;
@@ -69,6 +71,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private removeEventListeners;
     private addEventListeners;
     componentDidUpdate(prevProps: AppProps, prevState: AppState): void;
+    private renderScene;
     private onScroll;
     private onCut;
     private onCopy;

package/types/components/Footer.d.ts

@@ -0,0 +1,9 @@
+import { ActionManager } from "../actions/manager";
+import { AppState, ExcalidrawProps } from "../types";
+declare const Footer: ({ appState, actionManager, renderCustomFooter, showExitZenModeBtn, }: {
+    appState: AppState;
+    actionManager: ActionManager;
+    renderCustomFooter?: ExcalidrawProps["renderFooter"];
+    showExitZenModeBtn: boolean;
+}) => JSX.Element;
+export default Footer;

package/types/components/LayerUI.d.ts

@@ -33,5 +33,5 @@ interface LayerUIProps {
         insertOnCanvasDirectly: boolean;
     }) => void;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, canvas, elements, onCollabButtonClick, onLockToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, showThemeBtn, isCollaborating, renderTopRightUI, renderCustomFooter, renderCustomStats, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onCollabButtonClick, onLockToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, showThemeBtn, isCollaborating, renderTopRightUI, renderCustomFooter, renderCustomStats, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/LibraryMenu.d.ts

@@ -1,12 +1,11 @@
 import Library from "../data/library";
 import { LibraryItems, LibraryItem, AppState, BinaryFiles, ExcalidrawProps } from "../types";
 import "./LibraryMenu.scss";
-export declare const LibraryMenu: ({ onClose, onInsertLibraryItems, pendingElements, onAddToLibrary, theme, setAppState, files, libraryReturnUrl, focusContainer, library, id, appState, }: {
+export declare const LibraryMenu: ({ onClose, onInsertLibraryItems, pendingElements, onAddToLibrary, setAppState, files, libraryReturnUrl, focusContainer, library, id, appState, }: {
     pendingElements: LibraryItem["elements"];
     onClose: () => void;
     onInsertLibraryItems: (libraryItems: LibraryItems) => void;
     onAddToLibrary: () => void;
-    theme: AppState["theme"];
     files: BinaryFiles;
     setAppState: React.Component<any, AppState>["setState"];
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];

package/types/components/MobileMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState } from "../types";
+import { AppState, ExcalidrawProps } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 declare type MobileMenuProps = {
@@ -21,7 +21,7 @@ declare type MobileMenuProps = {
         insertOnCanvasDirectly: boolean;
     }) => void;
     renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
-    renderStats: () => JSX.Element | null;
+    renderCustomStats?: ExcalidrawProps["renderCustomStats"];
 };
-export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, onPenModeToggle, canvas, isCollaborating, renderCustomFooter, showThemeBtn, onImageAction, renderTopRightUI, renderStats, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, onPenModeToggle, canvas, isCollaborating, renderCustomFooter, showThemeBtn, onImageAction, renderTopRightUI, renderCustomStats, }: MobileMenuProps) => JSX.Element;
 export {};

package/types/components/Stats.d.ts

@@ -8,4 +8,4 @@ export declare const Stats: (props: {
     elements: readonly NonDeletedExcalidrawElement[];
     onClose: () => void;
     renderCustomStats: ExcalidrawProps["renderCustomStats"];
-}) => JSX.Element | null;
+}) => JSX.Element;

package/types/element/Hyperlink.d.ts

@@ -4,9 +4,8 @@ import { NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";
 import "./Hyperlink.scss";
 export declare const EXTERNAL_LINK_IMG: HTMLImageElement;
-export declare const Hyperlink: ({ element, appState, setAppState, onLinkOpen, }: {
+export declare const Hyperlink: ({ element, setAppState, onLinkOpen, }: {
     element: NonDeletedExcalidrawElement;
-    appState: AppState;
     setAppState: React.Component<any, AppState>["setState"];
     onLinkOpen: ExcalidrawProps["onLinkOpen"];
 }) => JSX.Element | null;

package/types/element/bounds.d.ts

@@ -8,7 +8,7 @@ export declare const getCurvePathOps: (shape: Drawable) => Op[];
 export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead) => number[] | null;
 export declare const getElementBounds: (element: ExcalidrawElement) => [number, number, number, number];
 export declare const getCommonBounds: (elements: readonly ExcalidrawElement[]) => [number, number, number, number];
-export declare const getResizedElementAbsoluteCoords: (element: ExcalidrawElement, nextWidth: number, nextHeight: number) => [number, number, number, number];
+export declare const getResizedElementAbsoluteCoords: (element: ExcalidrawElement, nextWidth: number, nextHeight: number, normalizePoints: boolean) => [number, number, number, number];
 export declare const getElementPointsCoords: (element: ExcalidrawLinearElement, points: readonly (readonly [number, number])[], sharpness: ExcalidrawElement["strokeSharpness"]) => [number, number, number, number];
 export declare const getClosestElementBounds: (elements: readonly ExcalidrawElement[], from: {
     x: number;

package/types/element/transformHandles.d.ts

@@ -1,6 +1,6 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement, PointerType } from "./types";
 import { Bounds } from "./bounds";
-import { Zoom } from "../types";
+import { AppState, Zoom } from "../types";
 export declare type TransformHandleDirection = "n" | "s" | "w" | "e" | "nw" | "ne" | "sw" | "se";
 export declare type TransformHandleType = TransformHandleDirection | "rotation";
 export declare type TransformHandle = [number, number, number, number];
@@ -26,4 +26,4 @@ export declare const getTransformHandlesFromCoords: ([x1, y1, x2, y2]: Bounds, a
     rotation?: boolean | undefined;
 }, margin?: number) => TransformHandles;
 export declare const getTransformHandles: (element: ExcalidrawElement, zoom: Zoom, pointerType?: PointerType) => TransformHandles;
-export declare const shouldShowBoundingBox: (elements: NonDeletedExcalidrawElement[]) => boolean;
+export declare const shouldShowBoundingBox: (elements: NonDeletedExcalidrawElement[], appState: AppState) => boolean;

package/types/element/types.d.ts

@@ -53,6 +53,7 @@ declare type _ExcalidrawElementBase = Readonly<{
     updated: number;
     link: string | null;
     locked: boolean;
+    customData?: Record<string, any>;
 }>;
 export declare type ExcalidrawSelectionElement = _ExcalidrawElementBase & {
     type: "selection";

package/types/packages/common.webpack.dev.config.d.ts

@@ -0,0 +1,71 @@
+import webpack = require("webpack");
+export const mode: string;
+export const devtool: boolean;
+export namespace output {
+    const libraryTarget: string;
+    const filename: string;
+    const publicPath: string;
+}
+export namespace resolve {
+    const extensions: string[];
+}
+export namespace module {
+    const rules: ({
+        test: RegExp;
+        exclude: RegExp;
+        use: (string | {
+            loader: string;
+            options?: undefined;
+        } | {
+            loader: string;
+            options: {
+                postcssOptions: {
+                    plugins: any[];
+                };
+            };
+        })[];
+        type?: undefined;
+    } | {
+        test: RegExp;
+        exclude: RegExp;
+        use: {
+            loader: string;
+            options: {
+                transpileOnly: boolean;
+                configFile: string;
+            };
+        }[];
+        type?: undefined;
+    } | {
+        test: RegExp;
+        type: string;
+        exclude?: undefined;
+        use?: undefined;
+    })[];
+}
+export namespace optimization {
+    namespace splitChunks {
+        const chunks: string;
+        namespace cacheGroups {
+            namespace vendors {
+                const test: RegExp;
+                const name: string;
+            }
+        }
+    }
+}
+export const plugins: (webpack.EvalSourceMapDevToolPlugin | webpack.DefinePlugin)[];
+export const externals: {
+    react: {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+    "react-dom": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+};

package/types/packages/common.webpack.prod.config.d.ts

@@ -0,0 +1,83 @@
+export const mode: string;
+export namespace output {
+    const libraryTarget: string;
+    const filename: string;
+    const publicPath: string;
+}
+export namespace resolve {
+    const extensions: string[];
+}
+export namespace module {
+    const rules: ({
+        test: RegExp;
+        exclude: RegExp;
+        use: (string | {
+            loader: string;
+            options?: undefined;
+        } | {
+            loader: string;
+            options: {
+                postcssOptions: {
+                    plugins: any[];
+                };
+            };
+        })[];
+        type?: undefined;
+    } | {
+        test: RegExp;
+        exclude: RegExp;
+        use: ({
+            loader: string;
+            options: {
+                transpileOnly: boolean;
+                configFile: string;
+                presets?: undefined;
+                plugins?: undefined;
+            };
+        } | {
+            loader: string;
+            options: {
+                presets: (string | (string | {
+                    runtime: string;
+                })[])[];
+                plugins: string[];
+                transpileOnly?: undefined;
+                configFile?: undefined;
+            };
+        })[];
+        type?: undefined;
+    } | {
+        test: RegExp;
+        type: string;
+        exclude?: undefined;
+        use?: undefined;
+    })[];
+}
+export namespace optimization {
+    const minimize: boolean;
+    const minimizer: any[];
+    namespace splitChunks {
+        const chunks: string;
+        namespace cacheGroups {
+            namespace vendors {
+                const test: RegExp;
+                const name: string;
+            }
+        }
+    }
+}
+export const plugins: any[];
+export const externals: {
+    react: {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+    "react-dom": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
+    };
+};

package/types/packages/excalidraw/dist/excalidraw.development.d.ts

@@ -1,2 +1,4 @@
-export = __WEBPACK_EXTERNAL_MODULE_react_dom__;
-export = __WEBPACK_EXTERNAL_MODULE_react_dom__;
+declare const _exports: any;
+export = _exports;
+export const __esModule: boolean;
+export const ExcalidrawLib: {};

package/types/packages/excalidraw/webpack.dev.config.d.ts

@@ -1,79 +1,68 @@
-import autoprefixer = require("autoprefixer");
-import webpack = require("webpack");
-export const mode: string;
-export const devtool: boolean;
-export const entry: {
-    "excalidraw.development": string;
-};
-export namespace output {
-    const path: string;
-    const library: string;
-    const libraryTarget: string;
-    const filename: string;
-    const chunkFilename: string;
-    const assetModuleFilename: string;
-    const publicPath: string;
-}
-export namespace resolve {
-    const extensions: string[];
-}
-export namespace module {
-    const rules: ({
-        test: RegExp;
-        exclude: RegExp;
-        use: (string | {
-            loader: string;
-            options?: undefined;
+declare const _exports: {
+    mode: string;
+    devtool: boolean;
+    output: {
+        libraryTarget: string;
+        filename: string;
+        publicPath: string;
+    };
+    resolve: {
+        extensions: string[];
+    };
+    module: {
+        rules: ({
+            test: RegExp;
+            exclude: RegExp;
+            use: (string | {
+                loader: string;
+            } | {
+                loader: string;
+                options: {
+                    postcssOptions: {
+                        plugins: any[];
+                    };
+                };
+            })[];
         } | {
-            loader: string;
-            options: {
-                postcssOptions: {
-                    plugins: (import("postcss").Plugin & autoprefixer.ExportedAPI)[];
+            test: RegExp;
+            exclude: RegExp;
+            use: {
+                loader: string;
+                options: {
+                    transpileOnly: boolean;
+                    configFile: string;
                 };
-            };
+            }[];
+        } | {
+            test: RegExp;
+            type: string;
         })[];
-        type?: undefined;
-    } | {
-        test: RegExp;
-        exclude: RegExp;
-        use: {
-            loader: string;
-            options: {
-                transpileOnly: boolean;
-                configFile: string;
+    };
+    optimization: {
+        splitChunks: {
+            chunks: string;
+            cacheGroups: {
+                vendors: {
+                    test: RegExp;
+                    name: string;
+                };
             };
-        }[];
-        type?: undefined;
-    } | {
-        test: RegExp;
-        type: string;
-        exclude?: undefined;
-        use?: undefined;
-    })[];
-}
-export namespace optimization {
-    namespace splitChunks {
-        const chunks: string;
-        namespace cacheGroups {
-            namespace vendors {
-                const test: RegExp;
-                const name: string;
-            }
-        }
-    }
-}
-export const plugins: (webpack.EvalSourceMapDevToolPlugin | webpack.DefinePlugin)[];
-export const externals: {
-    react: {
-        root: string;
-        commonjs2: string;
-        commonjs: string;
-        amd: string;
+        };
     };
-    "react-dom": {
-        root: string;
-        commonjs2: string;
-        commonjs: string;
-        amd: string;
+    plugins: (import("webpack").EvalSourceMapDevToolPlugin | import("webpack").DefinePlugin)[];
+    externals: {
+        react: {
+            root: string;
+            commonjs2: string;
+            commonjs: string;
+            amd: string;
+        };
+        "react-dom": {
+            root: string;
+            commonjs2: string;
+            commonjs: string;
+            amd: string;
+        };
     };
 };
+export = _exports;