@excalidraw/excalidraw 0.18.0-817d8c5 → 0.18.0-835eb8d

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

@@ -1,15 +1,56 @@
 /// <reference types="react" />
-import { LinearElementEditor } from "../element/linearElementEditor";
+import { LinearElementEditor } from "@excalidraw/element";
+import type { LocalPoint } from "@excalidraw/math";
+import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted } from "@excalidraw/element/types";
 import type { AppState } from "../types";
 export declare const actionFinalize: {
     name: "finalize";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: import("../element/types").OrderedExcalidrawElement[] | undefined;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, data: any, app: import("../types").AppClassProperties) => {
+        elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
+        appState: {
+            selectedLinearElement: {
+                selectedPointsIndices: null;
+                elementId: string & {
+                    _brand: "excalidrawLinearElementId";
+                };
+                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: 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;
+                isEditing: boolean;
+            };
+            suggestedBindings: never[];
+        };
+        captureUpdate: "IMMEDIATELY";
+    } | {
+        elements: import("@excalidraw/element/types").OrderedExcalidrawElement[] | undefined;
         appState: {
             cursorButton: "up";
-            editingLinearElement: null;
+            selectedLinearElement: LinearElementEditor;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -19,17 +60,17 @@ export declare const actionFinalize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -37,11 +78,12 @@ export declare const actionFinalize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -51,18 +93,18 @@ export declare const actionFinalize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -75,7 +117,7 @@ export declare const actionFinalize: {
                 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;
@@ -84,7 +126,7 @@ export declare const actionFinalize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -92,7 +134,7 @@ export declare const actionFinalize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -110,7 +152,7 @@ export declare const actionFinalize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -131,7 +173,7 @@ export declare const actionFinalize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("..").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -148,7 +190,7 @@ export declare const actionFinalize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -156,9 +198,7 @@ export declare const actionFinalize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: LinearElementEditor | null;
+            showHyperlinkPopup: false | "editor" | "info";
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -169,25 +209,25 @@ export declare const actionFinalize: {
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
             croppingElementId: string | null;
-            searchMatches: readonly {
-                id: string;
-                focus: boolean;
-                matchedLines: {
-                    offsetX: number;
-                    offsetY: number;
-                    width: number;
-                    height: number;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     } | {
-        elements: readonly import("../element/types").OrderedExcalidrawElement[];
+        elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
         appState: {
             cursorButton: "up";
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             activeEmbeddable: null;
             newElement: null;
@@ -200,7 +240,6 @@ export declare const actionFinalize: {
                 [id: string]: true;
             }>;
             selectedLinearElement: LinearElementEditor | null;
-            pendingImageElementId: null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -209,9 +248,9 @@ export declare const actionFinalize: {
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameToHighlight: NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -219,8 +258,7 @@ export declare const actionFinalize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: NonDeleted<ExcalidrawElement>[] | null;
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -229,18 +267,18 @@ export declare const actionFinalize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -253,7 +291,7 @@ export declare const actionFinalize: {
                 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;
@@ -262,7 +300,7 @@ export declare const actionFinalize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -270,7 +308,7 @@ export declare const actionFinalize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -285,7 +323,7 @@ export declare const actionFinalize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -306,7 +344,7 @@ export declare const actionFinalize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("..").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -323,7 +361,7 @@ export declare const actionFinalize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -331,7 +369,7 @@ export declare const actionFinalize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -342,16 +380,15 @@ export declare const actionFinalize: {
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
             croppingElementId: string | null;
-            searchMatches: readonly {
-                id: string;
-                focus: boolean;
-                matchedLines: {
-                    offsetX: number;
-                    offsetY: number;
-                    width: number;
-                    height: number;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ExcalidrawElement } from "../element/types";
+import type { ExcalidrawElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState } from "../types";
 export declare const actionFlipHorizontal: {
     name: "flipHorizontal";
@@ -8,7 +8,7 @@ export declare const actionFlipHorizontal: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
         captureUpdate: "IMMEDIATELY";
@@ -24,7 +24,7 @@ export declare const actionFlipVertical: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
         captureUpdate: "IMMEDIATELY";