@excalidraw/excalidraw 0.18.0-a30e1b2 → 0.18.0-a8acc82

package/dist/types/excalidraw/actions/actionLinearEditor.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
 import type { ExcalidrawLinearElement } from "@excalidraw/element/types";
 export declare const actionToggleLinearEditor: {
     name: "toggleLinearEditor";
@@ -12,7 +11,39 @@ export declare const actionToggleLinearEditor: {
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
     perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
         appState: {
-            editingLinearElement: LinearElementEditor | null;
+            selectedLinearElement: {
+                isEditing: boolean;
+                elementId: string & {
+                    _brand: "excalidrawLinearElementId";
+                };
+                selectedPointsIndices: readonly number[] | null;
+                pointerDownState: Readonly<{
+                    prevSelectedPointsIndices: readonly number[] | null;
+                    lastClickedPoint: number;
+                    lastClickedIsEndPoint: boolean;
+                    origin: Readonly<{
+                        x: number;
+                        y: number;
+                    }> | null;
+                    segmentMidpoint: {
+                        value: import("@excalidraw/math").GlobalPoint | null;
+                        index: number | null;
+                        added: boolean;
+                    };
+                }>;
+                isDragging: boolean;
+                lastUncommittedPoint: import("@excalidraw/math").LocalPoint | null;
+                pointerOffset: Readonly<{
+                    x: number;
+                    y: number;
+                }>;
+                startBindingElement: import("@excalidraw/element/types").ExcalidrawBindableElement | "keep" | null;
+                endBindingElement: import("@excalidraw/element/types").ExcalidrawBindableElement | "keep" | null;
+                hoverPointIndex: number;
+                segmentMidPointHoveredCoords: import("@excalidraw/math").GlobalPoint | null;
+                elbowed: boolean;
+                customLineAngle: number | null;
+            };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -31,7 +62,7 @@ export declare const actionToggleLinearEditor: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -80,7 +111,7 @@ export declare const actionToggleLinearEditor: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -161,9 +192,7 @@ export declare const actionToggleLinearEditor: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
-            selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -178,10 +207,508 @@ export declare const actionToggleLinearEditor: {
                 focusedId: string | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+} & {
+    keyTest?: undefined;
+};
+export declare const actionTogglePolygon: {
+    name: "togglePolygon";
+    category: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    keywords: string[];
+    label: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, app: import("../types").AppClassProperties) => "labels.polygon.breakPolygon" | "labels.polygon.convertToPolygon";
+    trackEvent: {
+        category: "element";
+    };
+    predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): false | {
+        elements: ((Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "line" | "arrow";
+            points: readonly import("@excalidraw/math").LocalPoint[];
+            lastCommittedPoint: import("@excalidraw/math").LocalPoint | null;
+            startBinding: import("@excalidraw/element/types").PointBinding | null;
+            endBinding: import("@excalidraw/element/types").PointBinding | null;
+            startArrowhead: import("@excalidraw/element/types").Arrowhead | null;
+            endArrowhead: import("@excalidraw/element/types").Arrowhead | null;
+        }> & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & {
+            type: "selection";
+        } & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & {
+            type: "rectangle";
+        } & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & {
+            type: "diamond";
+        } & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & {
+            type: "ellipse";
+        } & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "embeddable";
+        }> & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "iframe";
+            customData?: {
+                generationData?: import("@excalidraw/element/types").MagicGenerationData | undefined;
+            } | undefined;
+        }> & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "image";
+            fileId: import("@excalidraw/element/types").FileId | null;
+            status: "pending" | "error" | "saved";
+            scale: [number, number];
+            crop: import("@excalidraw/element/types").ImageCrop | null;
+        }> & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & {
+            type: "frame";
+            name: string | null;
+        } & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & {
+            type: "magicframe";
+            name: string | null;
+        } & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "text";
+            fontSize: number;
+            fontFamily: number;
+            text: string;
+            textAlign: string;
+            verticalAlign: string;
+            containerId: string | null;
+            originalText: string;
+            autoResize: boolean;
+            lineHeight: number & {
+                _brand: "unitlessLineHeight";
+            };
+        }> & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            roundness: {
+                type: import("@excalidraw/element/types").RoundnessType;
+                value?: number | undefined;
+            } | null;
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly string[];
+            frameId: string | null;
+            boundElements: readonly Readonly<{
+                id: string;
+                type: "arrow" | "text";
+            }>[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "freedraw";
+            points: readonly import("@excalidraw/math").LocalPoint[];
+            pressures: readonly number[];
+            simulatePressure: boolean;
+            lastCommittedPoint: import("@excalidraw/math").LocalPoint | null;
+        }> & {
+            index: import("@excalidraw/element/types").FractionalIndex;
+        }))[];
+        appState: Readonly<import("../types").AppState>;
+        captureUpdate: "IMMEDIATELY";
+    };
+    PanelComponent: ({ appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element | null;
 } & {
     keyTest?: undefined;
 };

package/dist/types/excalidraw/actions/actionLink.d.ts

@@ -26,7 +26,7 @@ export declare const actionLink: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -37,7 +37,6 @@ export declare const actionLink: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: import("@excalidraw/element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -75,7 +74,7 @@ export declare const actionLink: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -156,8 +155,7 @@ export declare const actionLink: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            selectedLinearElement: import("@excalidraw/element/linearElementEditor").LinearElementEditor | null;
+            selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -172,6 +170,11 @@ export declare const actionLink: {
                 focusedId: string | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -179,9 +182,9 @@ export declare const actionLink: {
         category: "hyperlink";
         action: string;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };