@excalidraw/excalidraw 0.12.0-933c6a2 → 0.12.0-941b2d7

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

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

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

@@ -1,7 +1,8 @@
+import type * as TExcalidraw from "../index";
 import "./App.scss";
 declare global {
     interface Window {
-        ExcalidrawLib: any;
+        ExcalidrawLib: typeof TExcalidraw;
     }
 }
 export default function App(): JSX.Element;

package/types/packages/excalidraw/example/sidebar/{Sidebar.d.ts → ExampleSidebar.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import "./Sidebar.scss";
+import "./ExampleSidebar.scss";
 export default function Sidebar({ children }: {
     children: React.ReactNode;
 }): JSX.Element;

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

@@ -13,3 +13,4 @@ export { FONT_FAMILY, THEME, MIME_TYPES } from "../../constants";
 export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutateElement";
 export { parseLibraryTokensFromUrl, useHandleLibrary, } from "../../data/library";
 export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, } from "../../utils";
+export { Sidebar } from "../../components/Sidebar/Sidebar";

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

@@ -1,68 +1,79 @@
-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[];
-                    };
-                };
-            })[];
+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;
         } | {
-            test: RegExp;
-            exclude: RegExp;
-            use: {
-                loader: string;
-                options: {
-                    transpileOnly: boolean;
-                    configFile: string;
+            loader: string;
+            options: {
+                postcssOptions: {
+                    plugins: (import("postcss").Plugin & autoprefixer.ExportedAPI)[];
                 };
-            }[];
-        } | {
-            test: RegExp;
-            type: string;
+            };
         })[];
-    };
-    optimization: {
-        splitChunks: {
-            chunks: string;
-            cacheGroups: {
-                vendors: {
-                    test: RegExp;
-                    name: string;
-                };
+        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;
     };
-    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;
-        };
+    "react-dom": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
     };
 };
-export = _exports;

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

@@ -1,77 +1,92 @@
-declare const _exports: {
-    mode: string;
-    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[];
-                    };
-                };
-            })[];
+import autoprefixer = require("autoprefixer");
+import TerserPlugin = require("terser-webpack-plugin");
+export const mode: string;
+export const entry: {
+    "excalidraw.production.min": 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;
         } | {
-            test: RegExp;
-            exclude: RegExp;
-            use: ({
-                loader: string;
-                options: {
-                    transpileOnly: boolean;
-                    configFile: string;
-                };
-            } | {
-                loader: string;
-                options: {
-                    presets: (string | (string | {
-                        runtime: string;
-                    })[])[];
-                    plugins: string[];
+            loader: string;
+            options: {
+                postcssOptions: {
+                    plugins: (import("postcss").Plugin & autoprefixer.ExportedAPI)[];
                 };
-            })[];
-        } | {
-            test: RegExp;
-            type: string;
+            };
         })[];
-    };
-    optimization: {
-        minimize: boolean;
-        minimizer: any[];
-        splitChunks: {
-            chunks: string;
-            cacheGroups: {
-                vendors: {
-                    test: RegExp;
-                    name: string;
-                };
+        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: TerserPlugin<import("terser").MinifyOptions>[];
+    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;
     };
-    plugins: any[];
-    externals: {
-        react: {
-            root: string;
-            commonjs2: string;
-            commonjs: string;
-            amd: string;
-        };
-        "react-dom": {
-            root: string;
-            commonjs2: string;
-            commonjs: string;
-            amd: string;
-        };
+    "react-dom": {
+        root: string;
+        commonjs2: string;
+        commonjs: string;
+        amd: string;
     };
 };
-export = _exports;

package/types/types.d.ts

@@ -104,6 +104,8 @@ export declare type AppState = {
     zoom: Zoom;
     openMenu: "canvas" | "shape" | null;
     openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+    openSidebar: "library" | "customSidebar" | null;
+    isSidebarDocked: boolean;
     lastPointerDownWith: PointerType;
     selectedElementIds: {
         [id: string]: boolean;
@@ -133,8 +135,6 @@ export declare type AppState = {
     height: number;
     offsetTop: number;
     offsetLeft: number;
-    isLibraryOpen: boolean;
-    isLibraryMenuDocked: boolean;
     fileHandle: FileSystemHandle | null;
     collaborators: Map<string, Collaborator>;
     showStats: boolean;
@@ -237,6 +237,10 @@ export interface ExcalidrawProps {
     }>) => void;
     onPointerDown?: (activeTool: AppState["activeTool"], pointerDownState: PointerDownState) => void;
     onScrollChange?: (scrollX: number, scrollY: number) => void;
+    /**
+     * Render function that renders custom <Sidebar /> component.
+     */
+    renderSidebar?: () => JSX.Element | null;
 }
 export declare type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -260,7 +264,7 @@ declare type CanvasActions = {
     export?: false | ExportOpts;
     loadScene?: boolean;
     saveToActiveFile?: boolean;
-    theme?: boolean;
+    toggleTheme?: boolean | null;
     saveAsImage?: boolean;
 };
 export declare type AppProps = Merge<ExcalidrawProps, {
@@ -273,6 +277,7 @@ export declare type AppProps = Merge<ExcalidrawProps, {
     detectScroll: boolean;
     handleKeyboardGlobally: boolean;
     isCollaborating: boolean;
+    children?: React.ReactNode;
 }>;
 /** A subset of App class properties that we need to use elsewhere
  * in the app, eg Manager. Factored out into a separate type to keep DRY. */
@@ -369,6 +374,7 @@ export declare type ExcalidrawImperativeAPI = {
     setActiveTool: InstanceType<typeof App>["setActiveTool"];
     setCursor: InstanceType<typeof App>["setCursor"];
     resetCursor: InstanceType<typeof App>["resetCursor"];
+    toggleMenu: InstanceType<typeof App>["toggleMenu"];
 };
 export declare type Device = Readonly<{
     isSmScreen: boolean;