@excalidraw/element 0.18.0-dda3affcb-8fc71066d → 0.18.0-e9c856d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/element",
-  "version": "0.18.0-dda3affcb-8fc71066d",
+  "version": "0.18.0-e9c856d",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -17,6 +17,12 @@
       "development": "./dist/dev/index.js",
       "production": "./dist/prod/index.js",
       "default": "./dist/prod/index.js"
+    },
+    "./visualdebug": {
+      "types": "./dist/types/element/src/visualdebug.d.ts",
+      "development": "./dist/dev/visualdebug.js",
+      "production": "./dist/prod/visualdebug.js",
+      "default": "./dist/prod/visualdebug.js"
     }
   },
   "files": [
@@ -57,7 +63,8 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "0.18.0-dda3affcb-8fc71066d",
-    "@excalidraw/math": "0.18.0-dda3affcb-8fc71066d"
+    "@excalidraw/common": "0.18.0-e9c856d",
+    "@excalidraw/math": "0.18.0-e9c856d",
+    "@excalidraw/fractional-indexing": "0.18.0-e9c856d"
   }
 }

package/dist/types/excalidraw/animation-frame-handler.d.ts

@@ -1,16 +0,0 @@
-export type AnimationCallback = (timestamp: number) => void | boolean;
-export type AnimationTarget = {
-    callback: AnimationCallback;
-    stopped: boolean;
-};
-export declare class AnimationFrameHandler {
-    private targets;
-    private rafIds;
-    register(key: object, callback: AnimationCallback): void;
-    start(key: object): void;
-    stop(key: object): void;
-    private constructFrame;
-    private scheduleFrame;
-    private cancelFrame;
-    private onFrame;
-}

package/dist/types/excalidraw/charts.d.ts

@@ -1,27 +0,0 @@
-import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
-export type ChartElements = readonly NonDeletedExcalidrawElement[];
-export interface Spreadsheet {
-    title: string | null;
-    labels: string[] | null;
-    values: number[];
-}
-export declare const NOT_SPREADSHEET = "NOT_SPREADSHEET";
-export declare const VALID_SPREADSHEET = "VALID_SPREADSHEET";
-type ParseSpreadsheetResult = {
-    type: typeof NOT_SPREADSHEET;
-    reason: string;
-} | {
-    type: typeof VALID_SPREADSHEET;
-    spreadsheet: Spreadsheet;
-};
-/**
- * @private exported for testing
- */
-export declare const tryParseNumber: (s: string) => number | null;
-/**
- * @private exported for testing
- */
-export declare const tryParseCells: (cells: string[][]) => ParseSpreadsheetResult;
-export declare const tryParseSpreadsheet: (text: string) => ParseSpreadsheetResult;
-export declare const renderSpreadsheet: (chartType: string, spreadsheet: Spreadsheet, x: number, y: number) => ChartElements;
-export {};

package/dist/types/excalidraw/components/DiagramToCodePlugin/DiagramToCodePlugin.d.ts

@@ -1,4 +0,0 @@
-import type { GenerateDiagramToCode } from "../../types";
-export declare const DiagramToCodePlugin: (props: {
-    generate: GenerateDiagramToCode;
-}) => null;

package/dist/types/excalidraw/components/ExcalidrawLogo.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import "./ExcalidrawLogo.scss";
-type LogoSize = "xs" | "small" | "normal" | "large" | "custom";
-interface LogoProps {
-    size?: LogoSize;
-    withText?: boolean;
-    style?: React.CSSProperties;
-    /**
-     * If true, the logo will not be wrapped in a Link component.
-     * The link prop will be ignored as well.
-     * It will merely be a plain div.
-     */
-    isNotLink?: boolean;
-}
-export declare const ExcalidrawLogo: ({ style, size, withText, }: LogoProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/excalidraw/components/HandButton.d.ts

@@ -1,10 +0,0 @@
-import "./ToolIcon.scss";
-type LockIconProps = {
-    title?: string;
-    name?: string;
-    checked: boolean;
-    onChange?(): void;
-    isMobile?: boolean;
-};
-export declare const HandButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/excalidraw/components/InitializeApp.d.ts

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

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTrigger.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import type { JSX } from "react";
-export declare const TTDDialogTrigger: {
-    ({ children, icon, }: {
-        children?: ReactNode;
-        icon?: JSX.Element | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/types/excalidraw/components/footer/FooterCenter.d.ts

@@ -1,8 +0,0 @@
-import "./FooterCenter.scss";
-declare const FooterCenter: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default FooterCenter;

package/dist/types/excalidraw/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import "./LiveCollaborationTrigger.scss";
-declare const LiveCollaborationTrigger: {
-    ({ isCollaborating, onSelect, ...rest }: {
-        isCollaborating: boolean;
-        onSelect: () => void;
-    } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default LiveCollaborationTrigger;

package/dist/types/excalidraw/components/shapes.d.ts

@@ -1,62 +0,0 @@
-export declare const SHAPES: readonly [{
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "selection";
-    readonly key: "v";
-    readonly numericKey: "1";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "rectangle";
-    readonly key: "r";
-    readonly numericKey: "2";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "diamond";
-    readonly key: "d";
-    readonly numericKey: "3";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "ellipse";
-    readonly key: "o";
-    readonly numericKey: "4";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "arrow";
-    readonly key: "a";
-    readonly numericKey: "5";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "line";
-    readonly key: "l";
-    readonly numericKey: "6";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "freedraw";
-    readonly key: readonly ["p", "x"];
-    readonly numericKey: "7";
-    readonly fillable: false;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "text";
-    readonly key: "t";
-    readonly numericKey: "8";
-    readonly fillable: false;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "image";
-    readonly key: null;
-    readonly numericKey: "9";
-    readonly fillable: false;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "eraser";
-    readonly key: "e";
-    readonly numericKey: "0";
-    readonly fillable: false;
-}];
-export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | null;

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.Center.d.ts

@@ -1,58 +0,0 @@
-import type { JSX } from "react";
-declare const Center: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-    Logo: {
-        ({ children }: {
-            children?: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Heading: {
-        ({ children }: {
-            children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Menu: {
-        ({ children }: {
-            children?: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItem: {
-        ({ onSelect, children, icon, shortcut, className, ...props }: {
-            onSelect: () => void;
-            children: React.ReactNode;
-            icon?: JSX.Element | undefined;
-            shortcut?: string | null | undefined;
-        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItemLink: {
-        ({ children, href, icon, shortcut, className, ...props }: {
-            children: React.ReactNode;
-            href: string;
-            icon?: JSX.Element | undefined;
-            shortcut?: string | null | undefined;
-        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItemHelp: {
-        (): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItemLoadScene: {
-        (): import("react/jsx-runtime").JSX.Element | null;
-        displayName: string;
-    };
-    MenuItemLiveCollaborationTrigger: {
-        ({ onSelect, }: {
-            onSelect: () => any;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export { Center };

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.Hints.d.ts

@@ -1,19 +0,0 @@
-declare const MenuHint: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const ToolbarHint: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const HelpHint: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { HelpHint, MenuHint, ToolbarHint };

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.d.ts

@@ -1,85 +0,0 @@
-/// <reference types="react" />
-import "./WelcomeScreen.scss";
-declare const WelcomeScreen: {
-    (props: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-    Center: {
-        ({ children }: {
-            children?: import("react").ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-        Logo: {
-            ({ children }: {
-                children?: import("react").ReactNode;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        Heading: {
-            ({ children }: {
-                children: import("react").ReactNode;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        Menu: {
-            ({ children }: {
-                children?: import("react").ReactNode;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        MenuItem: {
-            ({ onSelect, children, icon, shortcut, className, ...props }: {
-                onSelect: () => void;
-                children: import("react").ReactNode;
-                icon?: import("react").JSX.Element | undefined;
-                shortcut?: string | null | undefined;
-            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        MenuItemLink: {
-            ({ children, href, icon, shortcut, className, ...props }: {
-                children: import("react").ReactNode;
-                href: string;
-                icon?: import("react").JSX.Element | undefined;
-                shortcut?: string | null | undefined;
-            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        MenuItemHelp: {
-            (): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        MenuItemLoadScene: {
-            (): import("react/jsx-runtime").JSX.Element | null;
-            displayName: string;
-        };
-        MenuItemLiveCollaborationTrigger: {
-            ({ onSelect, }: {
-                onSelect: () => any;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-    };
-    Hints: {
-        MenuHint: {
-            ({ children }: {
-                children?: import("react").ReactNode;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        ToolbarHint: {
-            ({ children }: {
-                children?: import("react").ReactNode;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        HelpHint: {
-            ({ children }: {
-                children?: import("react").ReactNode;
-            }): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-    };
-};
-export default WelcomeScreen;

package/dist/types/excalidraw/data/reconcile.d.ts

@@ -1,7 +0,0 @@
-import type { OrderedExcalidrawElement } from "@excalidraw/element/types";
-import type { MakeBrand } from "@excalidraw/common/utility-types";
-import type { AppState } from "../types";
-export type ReconciledExcalidrawElement = OrderedExcalidrawElement & MakeBrand<"ReconciledElement">;
-export type RemoteExcalidrawElement = OrderedExcalidrawElement & MakeBrand<"RemoteExcalidrawElement">;
-export declare const shouldDiscardRemoteElement: (localAppState: AppState, local: OrderedExcalidrawElement | undefined, remote: RemoteExcalidrawElement) => boolean;
-export declare const reconcileElements: (localElements: readonly OrderedExcalidrawElement[], remoteElements: readonly RemoteExcalidrawElement[], localAppState: AppState) => ReconciledExcalidrawElement[];

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

@@ -1,47 +0,0 @@
-import React from "react";
-import Footer from "./components/footer/FooterCenter";
-import LiveCollaborationTrigger from "./components/live-collaboration/LiveCollaborationTrigger";
-import MainMenu from "./components/main-menu/MainMenu";
-import WelcomeScreen from "./components/welcome-screen/WelcomeScreen";
-import "./css/app.scss";
-import "./css/styles.scss";
-import "./fonts/fonts.css";
-import type { ExcalidrawProps } from "./types";
-export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => import("react/jsx-runtime").JSX.Element>;
-export { getSceneVersion, hashElementsVersion, hashString, getNonDeletedElements, } from "@excalidraw/element";
-export { getTextFromElements } from "@excalidraw/element";
-export { isInvisiblySmallElement } from "@excalidraw/element";
-export { defaultLang, useI18n, languages } from "./i18n";
-export { restore, restoreAppState, restoreElement, restoreElements, restoreLibraryItems, } from "./data/restore";
-export { reconcileElements } from "./data/reconcile";
-export { exportToCanvas, exportToBlob, exportToSvg, exportToClipboard, } from "@excalidraw/utils/export";
-export { serializeAsJSON, serializeLibraryAsJSON } from "./data/json";
-export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, } from "./data/blob";
-export { getFreeDrawSvgPath } from "@excalidraw/element";
-export { mergeLibraryItems, getLibraryItemsHash } from "./data/library";
-export { isLinearElement } from "@excalidraw/element";
-export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS, DEFAULT_LASER_COLOR, UserIdleState, normalizeLink, } from "@excalidraw/common";
-export { mutateElement, newElementWith, bumpVersion, } from "@excalidraw/element";
-export { CaptureUpdateAction } from "@excalidraw/element";
-export { parseLibraryTokensFromUrl, useHandleLibrary } from "./data/library";
-export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, } from "@excalidraw/common";
-export { Sidebar } from "./components/Sidebar/Sidebar";
-export { Button } from "./components/Button";
-export { Footer };
-export { MainMenu };
-export { Ellipsify } from "./components/Ellipsify";
-export { useDevice } from "./components/App";
-export { WelcomeScreen };
-export { LiveCollaborationTrigger };
-export { Stats } from "./components/Stats";
-export { DefaultSidebar } from "./components/DefaultSidebar";
-export { TTDDialog } from "./components/TTDDialog/TTDDialog";
-export { TTDDialogTrigger } from "./components/TTDDialog/TTDDialogTrigger";
-export { zoomToFitBounds } from "./actions/actionCanvas";
-export { convertToExcalidrawElements } from "./data/transform";
-export { getCommonBounds, getVisibleSceneBounds } from "@excalidraw/element";
-export { elementsOverlappingBBox, isElementInsideBBox, elementPartiallyOverlapsWithOrContainsBBox, } from "@excalidraw/utils/withinBounds";
-export { DiagramToCodePlugin } from "./components/DiagramToCodePlugin/DiagramToCodePlugin";
-export { getDataURL } from "./data/blob";
-export { isElementLink } from "@excalidraw/element";
-export { setCustomTextMetricsProvider } from "@excalidraw/element";

package/dist/types/excalidraw/polyfill.d.ts

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

package/dist/types/excalidraw/scene/scroll.d.ts

@@ -1,23 +0,0 @@
-import type { ExcalidrawElement } from "@excalidraw/element/types";
-import type { AppState, Offsets, PointerCoords, Zoom } from "../types";
-export declare const centerScrollOn: ({ scenePoint, viewportDimensions, zoom, offsets, }: {
-    scenePoint: PointerCoords;
-    viewportDimensions: {
-        height: number;
-        width: number;
-    };
-    zoom: Zoom;
-    offsets?: Partial<{
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    }> | undefined;
-}) => {
-    scrollX: number;
-    scrollY: number;
-};
-export declare const calculateScrollCenter: (elements: readonly ExcalidrawElement[], appState: AppState) => {
-    scrollX: number;
-    scrollY: number;
-};

package/dist/types/utils/src/bbox.d.ts

@@ -1,9 +0,0 @@
-import { type GlobalPoint, type LocalPoint } from "@excalidraw/math";
-import type { Bounds } from "@excalidraw/element";
-export type LineSegment<P extends LocalPoint | GlobalPoint> = [P, P];
-export declare function getBBox<P extends LocalPoint | GlobalPoint>(line: LineSegment<P>): Bounds;
-export declare function doBBoxesIntersect(a: Bounds, b: Bounds): boolean;
-export declare function isPointOnLine<P extends GlobalPoint | LocalPoint>(l: LineSegment<P>, p: P): boolean;
-export declare function isPointRightOfLine<P extends GlobalPoint | LocalPoint>(l: LineSegment<P>, p: P): boolean;
-export declare function isLineSegmentTouchingOrCrossingLine<P extends GlobalPoint | LocalPoint>(a: LineSegment<P>, b: LineSegment<P>): boolean;
-export declare function doLineSegmentsIntersect<P extends GlobalPoint | LocalPoint>(a: LineSegment<P>, b: LineSegment<P>): boolean;

package/dist/types/utils/src/withinBounds.d.ts

@@ -1,19 +0,0 @@
-import type { Bounds } from "@excalidraw/element";
-import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
-type Element = NonDeletedExcalidrawElement;
-type Elements = readonly NonDeletedExcalidrawElement[];
-export declare const isElementInsideBBox: (element: Element, bbox: Bounds, eitherDirection?: boolean) => boolean;
-export declare const elementPartiallyOverlapsWithOrContainsBBox: (element: Element, bbox: Bounds) => boolean;
-export declare const elementsOverlappingBBox: ({ elements, bounds, type, errorMargin, }: {
-    elements: Elements;
-    bounds: Bounds | ExcalidrawElement;
-    /** safety offset. Defaults to 0. */
-    errorMargin?: number | undefined;
-    /**
-     * - overlap: elements overlapping or inside bounds
-     * - contain: elements inside bounds or bounds inside elements
-     * - inside: elements inside bounds
-     **/
-    type: "overlap" | "contain" | "inside";
-}) => NonDeletedExcalidrawElement[];
-export {};