@excalidraw/excalidraw 0.17.1-7500-ac247a0 → 0.17.1-b7babe5

package/dist/excalidraw/actions/actionAddToLibrary.d.ts

@@ -20,7 +20,7 @@ export declare const actionAddToLibrary: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -68,7 +68,7 @@ export declare const actionAddToLibrary: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -81,14 +81,14 @@ export declare const actionAddToLibrary: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "settings";
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -140,7 +140,7 @@ export declare const actionAddToLibrary: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -164,7 +164,7 @@ export declare const actionAddToLibrary: {
             isLoading: boolean;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -212,7 +212,7 @@ export declare const actionAddToLibrary: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -225,14 +225,14 @@ export declare const actionAddToLibrary: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "settings";
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -289,7 +289,7 @@ export declare const actionAddToLibrary: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -313,7 +313,7 @@ export declare const actionAddToLibrary: {
             isLoading: boolean;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -361,7 +361,7 @@ export declare const actionAddToLibrary: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -374,14 +374,14 @@ export declare const actionAddToLibrary: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "settings";
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -438,7 +438,7 @@ export declare const actionAddToLibrary: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

package/dist/excalidraw/actions/actionAlign.d.ts

@@ -9,7 +9,7 @@ export declare const actionAlignTop: {
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: unknown, app: AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
@@ -25,7 +25,7 @@ export declare const actionAlignBottom: {
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: unknown, app: AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
@@ -41,7 +41,7 @@ export declare const actionAlignLeft: {
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: unknown, app: AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
@@ -57,7 +57,7 @@ export declare const actionAlignRight: {
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: unknown, app: AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
@@ -73,7 +73,7 @@ export declare const actionAlignVerticallyCentered: {
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: unknown, app: AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
@@ -88,7 +88,7 @@ export declare const actionAlignHorizontallyCentered: {
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: unknown, app: AppClassProperties) => boolean;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;

package/dist/excalidraw/actions/actionAlign.js

@@ -18,7 +18,8 @@ const alignActionsPredicate = (elements, appState, _, app) => {
 };
 const alignSelectedElements = (elements, appState, app, alignment) => {
     const selectedElements = app.scene.getSelectedElements(appState);
-    const updatedElements = alignElements(selectedElements, alignment);
+    const elementsMap = arrayToMap(elements);
+    const updatedElements = alignElements(selectedElements, elementsMap, alignment);
     const updatedElementsMap = arrayToMap(updatedElements);
     return updateFrameMembershipOfSelectedElements(elements.map((element) => updatedElementsMap.get(element.id) || element), appState, app);
 };

package/dist/excalidraw/actions/actionBoundText.d.ts

@@ -40,7 +40,7 @@ export declare const actionBindText: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -88,7 +88,7 @@ export declare const actionBindText: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -101,14 +101,14 @@ export declare const actionBindText: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "settings";
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -162,7 +162,7 @@ export declare const actionBindText: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -201,7 +201,7 @@ export declare const actionWrapTextInContainer: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -249,7 +249,7 @@ export declare const actionWrapTextInContainer: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -262,14 +262,14 @@ export declare const actionWrapTextInContainer: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "help" | "imageExport" | "jsonExport";
+                name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "settings";
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -323,7 +323,7 @@ export declare const actionWrapTextInContainer: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

package/dist/excalidraw/actions/actionBoundText.js

@@ -2,7 +2,7 @@ import { BOUND_TEXT_PADDING, ROUNDNESS, VERTICAL_ALIGN, TEXT_ALIGN, } from "../c
 import { isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import { computeBoundTextPosition, computeContainerDimensionForBoundText, getBoundTextElement, measureText, redrawTextBoundingBox, } from "../element/textElement";
-import { getOriginalContainerHeightFromCache, resetOriginalContainerCache, updateOriginalContainerCache, } from "../element/textWysiwyg";
+import { getOriginalContainerHeightFromCache, resetOriginalContainerCache, updateOriginalContainerCache, } from "../element/containerCache";
 import { hasBoundTextElement, isTextBindableContainer, isUsingAdaptiveRadius, } from "../element/typeChecks";
 import { getFontString } from "../utils";
 import { register } from "./register";
@@ -16,18 +16,18 @@ export const actionUnbindText = register({
     },
     perform: (elements, appState, _, app) => {
         const selectedElements = app.scene.getSelectedElements(appState);
+        const elementsMap = app.scene.getNonDeletedElementsMap();
         selectedElements.forEach((element) => {
-            const boundTextElement = getBoundTextElement(element);
+            const boundTextElement = getBoundTextElement(element, elementsMap);
             if (boundTextElement) {
-                const { width, height, baseline } = measureText(boundTextElement.originalText, getFontString(boundTextElement), boundTextElement.lineHeight);
+                const { width, height } = measureText(boundTextElement.originalText, getFontString(boundTextElement), boundTextElement.lineHeight);
                 const originalContainerHeight = getOriginalContainerHeightFromCache(element.id);
                 resetOriginalContainerCache(element.id);
-                const { x, y } = computeBoundTextPosition(element, boundTextElement);
+                const { x, y } = computeBoundTextPosition(element, boundTextElement, elementsMap);
                 mutateElement(boundTextElement, {
                     containerId: null,
                     width,
                     height,
-                    baseline,
                     text: boundTextElement.originalText,
                     x,
                     y,
@@ -65,7 +65,7 @@ export const actionBindText = register({
             }
             if (textElement &&
                 bindingContainer &&
-                getBoundTextElement(bindingContainer) === null) {
+                getBoundTextElement(bindingContainer, app.scene.getNonDeletedElementsMap()) === null) {
                 return true;
             }
         }
@@ -96,7 +96,7 @@ export const actionBindText = register({
             }),
         });
         const originalContainerHeight = container.height;
-        redrawTextBoundingBox(textElement, container);
+        redrawTextBoundingBox(textElement, container, app.scene.getNonDeletedElementsMap());
         // overwritting the cache with original container height so
         // it can be restored when unbind
         updateOriginalContainerCache(container.id, originalContainerHeight);
@@ -196,7 +196,7 @@ export const actionWrapTextInContainer = register({
                     boundElements: null,
                     textAlign: TEXT_ALIGN.CENTER,
                 }, false);
-                redrawTextBoundingBox(textElement, container);
+                redrawTextBoundingBox(textElement, container, app.scene.getNonDeletedElementsMap());
                 updatedElements = pushContainerBelowText([...updatedElements, container], container, textElement);
                 containerIds[container.id] = true;
             }