@excalidraw/excalidraw 0.12.0-792f238 → 0.12.0-836120c

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/example/App.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./App.scss";
 declare global {
     interface Window {

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;

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

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

package/types/packages/utils.d.ts

@@ -13,10 +13,13 @@ declare type ExportOpts = {
         scale?: number;
     };
 };
-export declare const exportToCanvas: ({ elements, appState, files, maxWidthOrHeight, getDimensions, }: ExportOpts) => Promise<HTMLCanvasElement>;
+export declare const exportToCanvas: ({ elements, appState, files, maxWidthOrHeight, getDimensions, exportPadding, }: ExportOpts & {
+    exportPadding?: number | undefined;
+}) => Promise<HTMLCanvasElement>;
 export declare const exportToBlob: (opts: ExportOpts & {
     mimeType?: string;
     quality?: number;
+    exportPadding?: number;
 }) => Promise<Blob>;
 export declare const exportToSvg: ({ elements, appState, files, exportPadding, }: Omit<ExportOpts, "getDimensions"> & {
     exportPadding?: number | undefined;

package/types/points.d.ts

@@ -3,4 +3,5 @@ export declare const getSizeFromPoints: (points: readonly Point[]) => {
     width: number;
     height: number;
 };
-export declare const rescalePoints: (dimension: 0 | 1, nextDimensionSize: number, prevPoints: readonly Point[]) => Point[];
+/** @arg dimension, 0 for rescaling only x, 1 for y */
+export declare const rescalePoints: (dimension: 0 | 1, newSize: number, points: readonly Point[], normalize: boolean) => Point[];

package/types/polyfill.d.ts

@@ -0,0 +1,2 @@
+declare const polyfill: () => void;
+export default polyfill;

package/types/renderer/renderElement.d.ts

@@ -26,7 +26,7 @@ export declare const setShapeForElement: <T extends ExcalidrawElement>(element:
 export declare const invalidateShapeForElement: (element: ExcalidrawElement) => boolean;
 export declare const generateRoughOptions: (element: ExcalidrawElement, continuousPath?: boolean) => Options;
 export declare const renderElement: (element: NonDeletedExcalidrawElement, rc: RoughCanvas, context: CanvasRenderingContext2D, renderConfig: RenderConfig) => void;
-export declare const renderElementToSvg: (element: NonDeletedExcalidrawElement, rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, offsetX?: number | undefined, offsetY?: number | undefined, exportWithDarkMode?: boolean | undefined) => void;
+export declare const renderElementToSvg: (element: NonDeletedExcalidrawElement, rsvg: RoughSVG, svgRoot: SVGElement, files: BinaryFiles, offsetX?: number, offsetY?: number, exportWithDarkMode?: boolean) => void;
 export declare const 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

@@ -3,7 +3,15 @@ import { RoughSVG } from "roughjs/bin/svg";
 import { AppState, BinaryFiles } from "../types";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { RenderConfig } from "../scene/types";
-export declare const _renderScene: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, selectionElement: NonDeletedExcalidrawElement | null, scale: number, rc: RoughCanvas, canvas: HTMLCanvasElement, renderConfig: RenderConfig) => {
+export declare const DEFAULT_SPACING = 4;
+export declare const _renderScene: ({ elements, appState, scale, rc, canvas, renderConfig, }: {
+    elements: readonly NonDeletedExcalidrawElement[];
+    appState: AppState;
+    scale: number;
+    rc: RoughCanvas;
+    canvas: HTMLCanvasElement;
+    renderConfig: RenderConfig;
+}) => {
     atLeastOneVisibleElement: boolean;
     scrollBars?: undefined;
 } | {
@@ -11,7 +19,15 @@ export declare const _renderScene: (elements: readonly NonDeletedExcalidrawEleme
     scrollBars: import("../scene/types").ScrollBars | undefined;
 };
 /** renderScene throttled to animation framerate */
-export declare const renderScene: <T extends boolean = false>(elements: readonly NonDeletedExcalidrawElement[], appState: AppState, selectionElement: NonDeletedExcalidrawElement | null, scale: number, rc: RoughCanvas, canvas: HTMLCanvasElement, renderConfig: RenderConfig, callback?: ((data: ReturnType<typeof _renderScene>) => void) | undefined, throttle?: T | undefined) => T extends true ? void : {
+export declare const renderScene: <T extends boolean = false>(config: {
+    elements: readonly NonDeletedExcalidrawElement[];
+    appState: AppState;
+    scale: number;
+    rc: RoughCanvas;
+    canvas: HTMLCanvasElement;
+    renderConfig: RenderConfig;
+    callback?: ((data: ReturnType<typeof _renderScene>) => void) | undefined;
+}, throttle?: T | undefined) => T extends true ? void : {
     atLeastOneVisibleElement: boolean;
     scrollBars?: undefined;
 } | {

package/types/shapes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SHAPES: readonly [{
     readonly icon: JSX.Element;
     readonly value: "selection";

package/types/types.d.ts

@@ -149,6 +149,7 @@ export declare type AppState = {
     /** imageElement waiting to be placed on canvas */
     pendingImageElementId: ExcalidrawImageElement["id"] | null;
     showHyperlinkPopup: false | "info" | "editor";
+    selectedLinearElement: LinearElementEditor | null;
 };
 export declare type NormalizedZoomValue = number & {
     _brand: "normalizedZoom";
@@ -322,7 +323,6 @@ export declare type PointerDownState = Readonly<{
         wasAddedToSelection: boolean;
         hasBeenDuplicated: boolean;
         hasHitCommonBoundingBoxOfSelectedElements: boolean;
-        hasHitElementInside: boolean;
     };
     withCmdOrCtrl: boolean;
     drag: {

package/types/utils.d.ts

@@ -6,8 +6,8 @@ export declare const setDateTimeForTests: (dateTime: string) => void;
 export declare const getDateTime: () => string;
 export declare const capitalizeString: (str: string) => string;
 export declare const isToolIcon: (target: Element | EventTarget | null) => target is HTMLElement;
-export declare const isInputLike: (target: Element | EventTarget | null) => target is HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLBRElement | HTMLDivElement;
-export declare const isWritableElement: (target: Element | EventTarget | null) => target is HTMLInputElement | HTMLTextAreaElement | HTMLBRElement | HTMLDivElement;
+export declare const isInputLike: (target: Element | EventTarget | null) => target is HTMLBRElement | HTMLDivElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export declare const isWritableElement: (target: Element | EventTarget | null) => target is HTMLBRElement | HTMLDivElement | HTMLInputElement | HTMLTextAreaElement;
 export declare const getFontFamilyString: ({ fontFamily, }: {
     fontFamily: FontFamilyValues;
 }) => string;
@@ -22,8 +22,8 @@ export declare const debounce: <T extends any[]>(fn: (...args: T) => void, timeo
     cancel(): void;
 };
 export declare const throttleRAF: <T extends any[]>(fn: (...args: T) => void, opts?: {
-    trailing?: boolean | undefined;
-} | undefined) => {
+    trailing?: boolean;
+}) => {
     (...args: T): void;
     flush(): void;
     cancel(): void;
@@ -33,7 +33,7 @@ export declare const selectNode: (node: Element) => void;
 export declare const removeSelection: () => void;
 export declare const distance: (x: number, y: number) => number;
 export declare const updateActiveTool: (appState: Pick<AppState, "activeTool">, data: ({
-    type: typeof SHAPES[number]["value"] | "eraser";
+    type: (typeof SHAPES)[number]["value"] | "eraser";
 } | {
     type: "custom";
     customType: string;
@@ -87,7 +87,7 @@ export declare const tupleToCoors: (xyTuple: readonly [number, number]) => {
     y: number;
 };
 /** use as a rejectionHandler to mute filesystem Abort errors */
-export declare const muteFSAbortError: (error?: Error | undefined) => void;
+export declare const muteFSAbortError: (error?: Error) => void;
 export declare const findIndex: <T>(array: readonly T[], cb: (element: T, index: number, array: readonly T[]) => boolean, fromIndex?: number) => number;
 export declare const findLastIndex: <T>(array: readonly T[], cb: (element: T, index: number, array: readonly T[]) => boolean, fromIndex?: number) => number;
 export declare const isTransparent: (color: string) => boolean;