@excalidraw/element 0.18.0-4a5c9e9 → 0.18.0-4ce38fb

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-4a5c9e9",
+  "version": "0.18.0-4ce38fb",
   "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-4a5c9e9",
-    "@excalidraw/math": "0.18.0-4a5c9e9"
+    "@excalidraw/common": "0.18.0-4ce38fb",
+    "@excalidraw/math": "0.18.0-4ce38fb",
+    "@excalidraw/fractional-indexing": "0.18.0-4ce38fb"
   }
 }

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

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

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

@@ -1,5 +0,0 @@
-import type { AppState } from "./types";
-export declare const resetCursor: (interactiveCanvas: HTMLCanvasElement | null) => void;
-export declare const setCursor: (interactiveCanvas: HTMLCanvasElement | null, cursor: string) => void;
-export declare const setEraserCursor: (interactiveCanvas: HTMLCanvasElement | null, theme: AppState["theme"]) => void;
-export declare const setCursorForShape: (interactiveCanvas: HTMLCanvasElement | null, appState: Pick<AppState, "activeTool" | "theme">) => void;

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

@@ -1,18 +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?: Offsets;
-}) => {
-    scrollX: number;
-    scrollY: number;
-};
-export declare const calculateScrollCenter: (elements: readonly ExcalidrawElement[], appState: AppState) => {
-    scrollX: number;
-    scrollY: number;
-};

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

@@ -1,12 +0,0 @@
-import type { AppState, NormalizedZoomValue } from "../types";
-export declare const getStateForZoom: ({ viewportX, viewportY, nextZoom, }: {
-    viewportX: number;
-    viewportY: number;
-    nextZoom: NormalizedZoomValue;
-}, appState: AppState) => {
-    scrollX: number;
-    scrollY: number;
-    zoom: {
-        value: NormalizedZoomValue;
-    };
-};

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/common";
-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/common";
-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;
-    /**
-     * - overlap: elements overlapping or inside bounds
-     * - contain: elements inside bounds or bounds inside elements
-     * - inside: elements inside bounds
-     **/
-    type: "overlap" | "contain" | "inside";
-}) => NonDeletedExcalidrawElement[];
-export {};