@excalidraw/excalidraw 0.12.0-836120c → 0.12.0-8636ef1

package/dist/excalidraw.production.min.js.LICENSE.txt

@@ -1,12 +1,3 @@
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
 /**
  * @license React
  * react-jsx-runtime.production.min.js

package/package.json

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

package/types/actions/actionClipboard.d.ts

@@ -140,7 +140,7 @@ export declare const actionCut: {
                     y: number;
                 }>;
                 hoverPointIndex: number;
-                midPointHovered: boolean;
+                segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
             isLoading: boolean;
             errorMessage: string | null;

package/types/actions/actionDeleteSelected.d.ts

@@ -131,7 +131,7 @@ export declare const actionDeleteSelected: {
                     y: number;
                 }>;
                 hoverPointIndex: number;
-                midPointHovered: boolean;
+                segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
             isLoading: boolean;
             errorMessage: string | null;

package/types/components/Actions.d.ts

@@ -24,8 +24,8 @@ export declare const UndoRedoActions: ({ renderAction, className, }: {
     renderAction: ActionManager["renderAction"];
     className?: string | undefined;
 }) => JSX.Element;
-export declare const ExitZenModeAction: ({ executeAction, showExitZenModeBtn, }: {
-    executeAction: ActionManager["executeAction"];
+export declare const ExitZenModeAction: ({ actionManager, showExitZenModeBtn, }: {
+    actionManager: ActionManager;
     showExitZenModeBtn: boolean;
 }) => JSX.Element;
 export declare const FinalizeAction: ({ renderAction, className, }: {

package/types/components/BackgroundPickerAndDarkModeToggle.d.ts

@@ -1,9 +1,4 @@
-import React from "react";
 import { ActionManager } from "../actions/manager";
-import { AppState } from "../types";
-export declare const BackgroundPickerAndDarkModeToggle: ({ appState, setAppState, actionManager, showThemeBtn, }: {
+export declare const BackgroundPickerAndDarkModeToggle: ({ actionManager, }: {
     actionManager: ActionManager;
-    appState: AppState;
-    setAppState: React.Component<any, AppState>["setState"];
-    showThemeBtn: boolean;
 }) => JSX.Element;

package/types/components/InitializeApp.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
 import { Language } from "../i18n";
+import { Theme } from "../element/types";
 interface Props {
     langCode: Language["code"];
     children: React.ReactElement;
+    theme?: Theme;
 }
 export declare const InitializeApp: (props: Props) => JSX.Element;
 export {};

package/types/components/LayerUI.d.ts

@@ -18,7 +18,6 @@ interface LayerUIProps {
     onPenModeToggle: () => void;
     onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
     showExitZenModeBtn: boolean;
-    showThemeBtn: boolean;
     langCode: Language["code"];
     isCollaborating: boolean;
     renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
@@ -33,5 +32,5 @@ interface LayerUIProps {
         insertOnCanvasDirectly: boolean;
     }) => void;
 }
-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>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onCollabButtonClick, onLockToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, isCollaborating, renderTopRightUI, renderCustomFooter, renderCustomStats, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/LoadingMessage.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { Theme } from "../element/types";
 export declare const LoadingMessage: React.FC<{
     delay?: number;
+    theme?: Theme;
 }>;

package/types/components/MobileMenu.d.ts

@@ -16,12 +16,11 @@ declare type MobileMenuProps = {
     canvas: HTMLCanvasElement | null;
     isCollaborating: boolean;
     renderCustomFooter?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
-    showThemeBtn: boolean;
     onImageAction: (data: {
         insertOnCanvasDirectly: boolean;
     }) => void;
     renderTopRightUI?: (isMobile: boolean, appState: AppState) => 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, renderCustomStats, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, libraryMenu, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, onPenModeToggle, canvas, isCollaborating, renderCustomFooter, onImageAction, renderTopRightUI, renderCustomStats, }: MobileMenuProps) => JSX.Element;
 export {};

package/types/data/blob.d.ts

@@ -40,7 +40,7 @@ export declare const getFileFromEvent: (event: React.DragEvent<HTMLDivElement>)
 }>;
 export declare const getFileHandle: (event: React.DragEvent<HTMLDivElement>) => Promise<FileSystemHandle | null>;
 export declare const createFile: (blob: File | Blob | ArrayBuffer, mimeType: ValueOf<typeof MIME_TYPES>, name: string | undefined) => File;
-/** attemps to detect correct mimeType if none is set, or if an image
+/** attempts to detect correct mimeType if none is set, or if an image
  * has an incorrect extension.
  * Note: doesn't handle missing .excalidraw/.excalidrawlib extension  */
 export declare const normalizeFile: (file: File) => Promise<File>;

package/types/element/linearElementEditor.d.ts

@@ -3,6 +3,11 @@ import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, E
 import { Point, AppState } from "../types";
 import History from "../history";
 import Scene from "../scene/Scene";
+declare const editorMidPointsCache: {
+    version: number | null;
+    points: (Point | null)[];
+    zoom: number | null;
+};
 export declare class LinearElementEditor {
     readonly elementId: ExcalidrawElement["id"] & {
         _brand: "excalidrawLinearElementId";
@@ -24,7 +29,7 @@ export declare class LinearElementEditor {
     readonly startBindingElement: ExcalidrawBindableElement | null | "keep";
     readonly endBindingElement: ExcalidrawBindableElement | null | "keep";
     readonly hoverPointIndex: number;
-    readonly midPointHovered: boolean;
+    readonly segmentMidPointHoveredCoords: Point | null;
     constructor(element: NonDeleted<ExcalidrawLinearElement>, scene: Scene);
     static POINT_HANDLE_SIZE: number;
     /**
@@ -39,11 +44,15 @@ export declare class LinearElementEditor {
         y: number;
     }[]) => void, linearElementEditor: LinearElementEditor): boolean;
     static handlePointerUp(event: PointerEvent, editingLinearElement: LinearElementEditor, appState: AppState): LinearElementEditor;
-    static isHittingMidPoint: (linearElementEditor: LinearElementEditor, scenePointer: {
+    static getEditorMidPoints: (element: NonDeleted<ExcalidrawLinearElement>, appState: AppState) => (typeof editorMidPointsCache)["points"];
+    static updateEditorMidPointsCache: (element: NonDeleted<ExcalidrawLinearElement>, appState: AppState) => void;
+    static getSegmentMidpointHitCoords: (linearElementEditor: LinearElementEditor, scenePointer: {
         x: number;
         y: number;
-    }, appState: AppState) => boolean;
-    static getMidPoint(linearElementEditor: LinearElementEditor): readonly [number, number] | null;
+    }, appState: AppState) => readonly [number, number] | null;
+    static isSegmentTooShort(element: NonDeleted<ExcalidrawLinearElement>, startPoint: Point, endPoint: Point, zoom: AppState["zoom"]): boolean;
+    static getSegmentMidPoint(element: NonDeleted<ExcalidrawLinearElement>, startPoint: Point, endPoint: Point, endPointIndex: number): readonly [number, number];
+    static getSegmentMidPointIndex(linearElementEditor: LinearElementEditor, appState: AppState, midPoint: Point): number;
     static handlePointerDown(event: React.PointerEvent<HTMLCanvasElement>, appState: AppState, history: History, scenePointer: {
         x: number;
         y: number;
@@ -53,7 +62,8 @@ export declare class LinearElementEditor {
         linearElementEditor: LinearElementEditor | null;
         isMidPoint: boolean;
     };
-    static handlePointerMove(event: React.PointerEvent<HTMLCanvasElement>, scenePointerX: number, scenePointerY: number, linearElementEditor: LinearElementEditor, gridSize: number | null): LinearElementEditor;
+    static arePointsEqual(point1: Point | null, point2: Point | null): boolean;
+    static handlePointerMove(event: React.PointerEvent<HTMLCanvasElement>, scenePointerX: number, scenePointerY: number, appState: AppState): LinearElementEditor | null;
     /** scene coords */
     static getPointGlobalCoordinates(element: NonDeleted<ExcalidrawLinearElement>, point: Point): readonly [number, number];
     /** scene coords */
@@ -94,7 +104,7 @@ export declare class LinearElementEditor {
                 startBindingElement: ExcalidrawBindableElement | "keep" | null;
                 endBindingElement: ExcalidrawBindableElement | "keep" | null;
                 hoverPointIndex: number;
-                midPointHovered: boolean;
+                segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
             isLoading: boolean;
             errorMessage: string | null;
@@ -160,7 +170,7 @@ export declare class LinearElementEditor {
             shouldCacheIgnoreZoom: boolean;
             showHelpDialog: boolean;
             toast: {
-                message: string;
+                message: string; /** @returns whether point was dragged */
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
@@ -195,7 +205,7 @@ export declare class LinearElementEditor {
         };
     };
     static deletePoints(element: NonDeleted<ExcalidrawLinearElement>, pointIndices: readonly number[]): void;
-    static addPoints(element: NonDeleted<ExcalidrawLinearElement>, targetPoints: {
+    static addPoints(element: NonDeleted<ExcalidrawLinearElement>, appState: AppState, targetPoints: {
         point: Point;
     }[]): void;
     static movePoints(element: NonDeleted<ExcalidrawLinearElement>, targetPoints: {
@@ -209,3 +219,4 @@ export declare class LinearElementEditor {
     private static _updatePoints;
     private static _getShiftLockedDelta;
 }
+export {};

package/types/element/newElement.d.ts

@@ -30,6 +30,9 @@ export declare const newLinearElement: (opts: {
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawLinearElement>;
 export declare const newImageElement: (opts: {
     type: ExcalidrawImageElement["type"];
+    status?: ExcalidrawImageElement["status"];
+    fileId?: ExcalidrawImageElement["fileId"];
+    scale?: ExcalidrawImageElement["scale"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawImageElement>;
 export declare const deepCopyElement: (val: any, depth?: number) => any;
 /**

package/types/element/textElement.d.ts

@@ -24,3 +24,7 @@ export declare const getBoundTextElement: (element: ExcalidrawElement | null) =>
 export declare const getContainerElement: (element: (ExcalidrawElement & {
     containerId: ExcalidrawElement["id"] | null;
 }) | null) => ExcalidrawElement | null;
+export declare const getContainerDims: (element: ExcalidrawElement) => {
+    width: number;
+    height: number;
+};

package/types/math.d.ts

@@ -1,5 +1,5 @@
 import { Point, Zoom } from "./types";
-import { ExcalidrawLinearElement } from "./element/types";
+import { ExcalidrawLinearElement, NonDeleted } from "./element/types";
 export declare const rotate: (x1: number, y1: number, x2: number, y2: number, angle: number) => [number, number];
 export declare const rotatePoint: (point: readonly [number, number], center: readonly [number, number], angle: number) => [number, number];
 export declare const adjustXYWithRotation: (sides: {
@@ -18,3 +18,10 @@ export declare const centerPoint: (a: readonly [number, number], b: readonly [nu
 export declare const isPathALoop: (points: ExcalidrawLinearElement["points"], zoomValue?: Zoom["value"]) => boolean;
 export declare const isPointInPolygon: (points: Point[], x: number, y: number) => boolean;
 export declare const getGridPoint: (x: number, y: number, gridSize: number | null) => [number, number];
+export declare const getControlPointsForBezierCurve: (element: NonDeleted<ExcalidrawLinearElement>, endPoint: readonly [number, number]) => [number, number][] | null;
+export declare const getBezierXY: (p0: readonly [number, number], p1: readonly [number, number], p2: readonly [number, number], p3: readonly [number, number], t: number) => number[];
+export declare const getPointsInBezierCurve: (element: NonDeleted<ExcalidrawLinearElement>, endPoint: readonly [number, number]) => [number, number][];
+export declare const getBezierCurveArcLengths: (element: NonDeleted<ExcalidrawLinearElement>, endPoint: readonly [number, number]) => number[];
+export declare const getBezierCurveLength: (element: NonDeleted<ExcalidrawLinearElement>, endPoint: readonly [number, number]) => number;
+export declare const mapIntervalToBezierT: (element: NonDeleted<ExcalidrawLinearElement>, endPoint: readonly [number, number], interval: number) => number;
+export declare const arePointsEqual: (p1: readonly [number, number], p2: readonly [number, number]) => boolean;

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/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;