@excalidraw/element 0.18.0-9ba0f5d → 0.18.0-a52cd20

package/dist/types/math/src/types.d.ts

@@ -19,12 +19,24 @@ export type InclusiveRange = [number, number] & {
     _brand: "excalimath_degree";
 };
 /**
- * Represents a 2D position in world or canvas space. A
+ * Represents a 2D position in world/canvas/scene space. A
  * global coordinate.
  */
 export type GlobalPoint = [x: number, y: number] & {
     _brand: "excalimath__globalpoint";
 };
+/**
+ * Represents a 2D position in world/canvas/scene space. A
+ * global coordinate.
+ *
+ * TODO remove this once we migrate the codebase to use Point tuples everywhere
+ */
+export type GlobalCoord = {
+    x: number;
+    y: number;
+} & {
+    _brand: "excalimath__globalcoord";
+};
 /**
  * Represents a 2D position in whatever local space it's
  * needed. A local coordinate.
@@ -32,6 +44,18 @@ export type GlobalPoint = [x: number, y: number] & {
 export type LocalPoint = [x: number, y: number] & {
     _brand: "excalimath__localpoint";
 };
+/**
+ * Represents a 2D position in whatever local space it's needed.
+ * A local coordinate.
+ *
+ * TODO remove this once we migrate the codebase to use Point tuples everywhere
+ */
+export type LocalCoord = {
+    x: number;
+    y: number;
+} & {
+    _brand: "excalimath__localcoord";
+};
 /**
  * A line is an infinitely long object with no width, depth, or curvature.
  */

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

@@ -1,13 +1,14 @@
 import { MIME_TYPES } from "@excalidraw/common";
-import type { ExcalidrawElement, ExcalidrawFrameLikeElement, NonDeleted } from "@excalidraw/element/types";
+import type { ExcalidrawFrameLikeElement, NonDeleted, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, BinaryFiles } from "@excalidraw/excalidraw/types";
 export { MIME_TYPES };
 type ExportOpts = {
-    elements: readonly NonDeleted<ExcalidrawElement>[];
+    /** restored before exporting */
+    elements: readonly NonDeletedExcalidrawElement[];
     appState?: Partial<Omit<AppState, "offsetTop" | "offsetLeft">>;
     files: BinaryFiles | null;
     maxWidthOrHeight?: number;
-    exportingFrame?: ExcalidrawFrameLikeElement | null;
+    exportingFrame?: NonDeleted<ExcalidrawFrameLikeElement> | null;
     getDimensions?: (width: number, height: number) => {
         width: number;
         height: number;

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

@@ -1,4 +1,3 @@
 export * from "./export";
-export * from "./withinBounds";
-export * from "./bbox";
+export { elementsOverlappingBBox } from "@excalidraw/element";
 export { getCommonBounds } from "@excalidraw/element";

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

@@ -1,5 +1,5 @@
 import { type GlobalPoint, type LocalPoint } from "@excalidraw/math";
-import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "@excalidraw/element/types";
+import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawStickyNoteElement, ExcalidrawTextElement } from "@excalidraw/element/types";
 import type { Curve, LineSegment, Polygon, Radians } from "@excalidraw/math";
 import type { Drawable, Op } from "roughjs/bin/core";
 export type Polyline<Point extends GlobalPoint | LocalPoint> = LineSegment<Point>[];
@@ -29,7 +29,7 @@ export type GeometricShape<Point extends GlobalPoint | LocalPoint> = {
     type: "polycurve";
     data: Polycurve<Point>;
 };
-type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
+type RectangularElement = ExcalidrawRectangleElement | ExcalidrawStickyNoteElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
 export declare const getPolygonShape: <Point extends GlobalPoint | LocalPoint>(element: RectangularElement) => GeometricShape<Point>;
 export declare const getSelectionBoxShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawElement, elementsMap: ElementsMap, padding?: number) => GeometricShape<Point>;
 export declare const getEllipseShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawEllipseElement) => GeometricShape<Point>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/element",
-  "version": "0.18.0-9ba0f5d",
+  "version": "0.18.0-a52cd20",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -63,7 +63,8 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "0.18.0-9ba0f5d",
-    "@excalidraw/math": "0.18.0-9ba0f5d"
+    "@excalidraw/common": "0.18.0-a52cd20",
+    "@excalidraw/math": "0.18.0-a52cd20",
+    "@excalidraw/fractional-indexing": "0.18.0-a52cd20"
   }
 }

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,15 +0,0 @@
-import "./ExcalidrawLogo.scss";
-type LogoSize = "xs" | "small" | "normal" | "large" | "custom" | "mobile";
-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/FollowMode/FollowMode.d.ts

@@ -1,10 +0,0 @@
-import "./FollowMode.scss";
-import type { UserToFollow } from "../../types";
-interface FollowModeProps {
-    width: number;
-    height: number;
-    userToFollow: UserToFollow;
-    onDisconnect: () => void;
-}
-declare const FollowMode: ({ height, width, userToFollow, onDisconnect, }: FollowModeProps) => import("react/jsx-runtime").JSX.Element;
-export default FollowMode;

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

@@ -1,10 +0,0 @@
-import "./ToolIcon.scss";
-import "./MobileToolBar.scss";
-import type { AppClassProperties, UIAppState } from "../types";
-type MobileToolBarProps = {
-    app: AppClassProperties;
-    onHandToolToggle: () => void;
-    setAppState: React.Component<any, UIAppState>["setState"];
-};
-export declare const MobileToolBar: ({ app, onHandToolToggle, setAppState, }: MobileToolBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

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

package/dist/types/excalidraw/components/TTDDialog/utils/TTDStreamFetch.d.ts

@@ -1,24 +0,0 @@
-import type { LLMMessage, TTTDDialog } from "@excalidraw/excalidraw/components/TTDDialog/types";
-interface StreamingOptions {
-    url: string;
-    messages: readonly LLMMessage[];
-    onChunk?: (chunk: string) => void;
-    extractRateLimits?: boolean;
-    signal?: AbortSignal;
-    onStreamCreated?: () => void;
-}
-export type StreamChunk = {
-    type: "content";
-    delta: string;
-} | {
-    type: "done";
-    finishReason: "stop" | "length" | "content_filter" | "tool_calls" | null;
-} | {
-    type: "error";
-    error: {
-        message: string;
-        status?: number;
-    };
-};
-export declare function TTDStreamFetch(options: StreamingOptions): Promise<TTTDDialog.OnTextSubmitRetValue>;
-export {};

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

@@ -1,49 +0,0 @@
-import React from "react";
-import type { PointerType } from "@excalidraw/element/types";
-import "./ToolIcon.scss";
-import type { CSSProperties } from "react";
-export type ToolButtonSize = "small" | "medium";
-type ToolButtonBaseProps = {
-    icon?: React.ReactNode;
-    "aria-label": string;
-    "aria-keyshortcuts"?: string;
-    "data-testid"?: string;
-    label?: string;
-    title?: string;
-    name?: string;
-    id?: string;
-    size?: ToolButtonSize;
-    keyBindingLabel?: string | null;
-    showAriaLabel?: boolean;
-    hidden?: boolean;
-    visible?: boolean;
-    selected?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    isLoading?: boolean;
-};
-type ToolButtonProps = (ToolButtonBaseProps & {
-    type: "button";
-    children?: React.ReactNode;
-    onClick?(event: React.MouseEvent): void;
-}) | (ToolButtonBaseProps & {
-    type: "submit";
-    children?: React.ReactNode;
-    onClick?(event: React.MouseEvent): void;
-}) | (ToolButtonBaseProps & {
-    type: "icon";
-    children?: React.ReactNode;
-    onClick?(): void;
-}) | (ToolButtonBaseProps & {
-    type: "radio";
-    checked: boolean;
-    onChange?(data: {
-        pointerType: PointerType | null;
-    }): void;
-    onPointerDown?(data: {
-        pointerType: PointerType;
-    }): void;
-});
-export declare const ToolButton: React.ForwardRefExoticComponent<ToolButtonProps & React.RefAttributes<unknown>>;
-export {};

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,11 +0,0 @@
-import { type EditorInterface } from "@excalidraw/common";
-import "./LiveCollaborationTrigger.scss";
-declare const LiveCollaborationTrigger: {
-    ({ isCollaborating, onSelect, editorInterface, ...rest }: {
-        isCollaborating: boolean;
-        onSelect: () => void;
-        editorInterface?: EditorInterface;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default LiveCollaborationTrigger;

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

@@ -1,190 +0,0 @@
-import type { AppClassProperties } from "../types";
-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 getToolbarTools: (app: AppClassProperties) => 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;
-}] | readonly [{
-    readonly value: "lasso";
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly key: "v";
-    readonly numericKey: "1";
-    readonly fillable: true;
-}, ...({
-    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, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "lasso" | "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;
-            shortcut?: string | null;
-        } & 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;
-            shortcut?: string | null;
-        } & 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 };