@excalidraw/excalidraw 0.17.1-7441-4e2c539 → 0.17.1-a38e82f

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

@@ -19,7 +19,7 @@ export declare const actionFinalize: {
             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;
@@ -65,7 +65,7 @@ export declare const actionFinalize: {
             scrollX: number;
             scrollY: number;
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -85,7 +85,7 @@ export declare const actionFinalize: {
                 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;
@@ -142,7 +142,7 @@ export declare const actionFinalize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -217,7 +217,7 @@ export declare const actionFinalize: {
             scrollX: number;
             scrollY: number;
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -237,7 +237,7 @@ export declare const actionFinalize: {
                 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;
@@ -290,7 +290,7 @@ export declare const actionFinalize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;

package/dist/excalidraw/actions/actionFinalize.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { KEYS } from "../keys";
 import { isInvisiblySmallElement } from "../element";
-import { updateActiveTool } from "../utils";
+import { arrayToMap, updateActiveTool } from "../utils";
 import { ToolButton } from "../components/ToolButton";
 import { done } from "../components/icons";
 import { t } from "../i18n";
@@ -17,12 +17,13 @@ export const actionFinalize = register({
     name: "finalize",
     trackEvent: false,
     perform: (elements, appState, _, { interactiveCanvas, focusContainer, scene }) => {
+        const elementsMap = scene.getNonDeletedElementsMap();
         if (appState.editingLinearElement) {
             const { elementId, startBindingElement, endBindingElement } = appState.editingLinearElement;
-            const element = LinearElementEditor.getElement(elementId);
+            const element = LinearElementEditor.getElement(elementId, elementsMap);
             if (element) {
                 if (isBindingElement(element)) {
-                    bindOrUnbindLinearElement(element, startBindingElement, endBindingElement);
+                    bindOrUnbindLinearElement(element, startBindingElement, endBindingElement, elementsMap);
                 }
                 return {
                     elements: element.points.length < 2 || isInvisiblySmallElement(element)
@@ -85,8 +86,8 @@ export const actionFinalize = register({
             if (isBindingElement(multiPointElement) &&
                 !isLoop &&
                 multiPointElement.points.length > 1) {
-                const [x, y] = LinearElementEditor.getPointAtIndexGlobalCoordinates(multiPointElement, -1);
-                maybeBindLinearElement(multiPointElement, appState, Scene.getScene(multiPointElement), { x, y });
+                const [x, y] = LinearElementEditor.getPointAtIndexGlobalCoordinates(multiPointElement, -1, arrayToMap(elements));
+                maybeBindLinearElement(multiPointElement, appState, Scene.getScene(multiPointElement), { x, y }, elementsMap);
             }
         }
         if ((!appState.activeTool.locked &&
@@ -134,7 +135,7 @@ export const actionFinalize = register({
                     : appState.selectedElementIds,
                 // To select the linear element when user has finished mutipoint editing
                 selectedLinearElement: multiPointElement && isLinearElement(multiPointElement)
-                    ? new LinearElementEditor(multiPointElement, scene)
+                    ? new LinearElementEditor(multiPointElement)
                     : appState.selectedLinearElement,
                 pendingImageElementId: null,
             },

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

@@ -7,7 +7,7 @@ export declare const actionFlipHorizontal: {
         category: "element";
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
         commitToHistory: true;
     };
@@ -22,7 +22,7 @@ export declare const actionFlipVertical: {
         category: "element";
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
         commitToHistory: true;
     };

package/dist/excalidraw/actions/actionFlip.js

@@ -12,7 +12,7 @@ export const actionFlipHorizontal = register({
     trackEvent: { category: "element" },
     perform: (elements, appState, _, app) => {
         return {
-            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, appState, "horizontal"), appState, app),
+            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, app.scene.getNonDeletedElementsMap(), appState, "horizontal"), appState, app),
             appState,
             commitToHistory: true,
         };
@@ -25,7 +25,7 @@ export const actionFlipVertical = register({
     trackEvent: { category: "element" },
     perform: (elements, appState, _, app) => {
         return {
-            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, appState, "vertical"), appState, app),
+            elements: updateFrameMembershipOfSelectedElements(flipSelectedElements(elements, app.scene.getNonDeletedElementsMap(), appState, "vertical"), appState, app),
             appState,
             commitToHistory: true,
         };
@@ -33,20 +33,20 @@ export const actionFlipVertical = register({
     keyTest: (event) => event.shiftKey && event.code === CODES.V && !event[KEYS.CTRL_OR_CMD],
     contextItemLabel: "labels.flipVertical",
 });
-const flipSelectedElements = (elements, appState, flipDirection) => {
+const flipSelectedElements = (elements, elementsMap, appState, flipDirection) => {
     const selectedElements = getSelectedElements(getNonDeletedElements(elements), appState, {
         includeBoundTextElement: true,
         includeElementsInFrames: true,
     });
-    const updatedElements = flipElements(selectedElements, appState, flipDirection);
+    const updatedElements = flipElements(selectedElements, elements, elementsMap, appState, flipDirection);
     const updatedElementsMap = arrayToMap(updatedElements);
     return elements.map((element) => updatedElementsMap.get(element.id) || element);
 };
-const flipElements = (elements, appState, flipDirection) => {
-    const { minX, minY, maxX, maxY } = getCommonBoundingBox(elements);
-    resizeMultipleElements({ originalElements: arrayToMap(elements) }, elements, "nw", true, flipDirection === "horizontal" ? maxX : minX, flipDirection === "horizontal" ? minY : maxY);
-    (isBindingEnabled(appState)
-        ? bindOrUnbindSelectedElements
-        : unbindLinearElements)(elements);
-    return elements;
+const flipElements = (selectedElements, elements, elementsMap, appState, flipDirection) => {
+    const { minX, minY, maxX, maxY } = getCommonBoundingBox(selectedElements);
+    resizeMultipleElements(elementsMap, selectedElements, elementsMap, "nw", true, flipDirection === "horizontal" ? maxX : minX, flipDirection === "horizontal" ? minY : maxY);
+    isBindingEnabled(appState)
+        ? bindOrUnbindSelectedElements(selectedElements, elements, elementsMap)
+        : unbindLinearElements(selectedElements, elementsMap);
+    return selectedElements;
 };

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

@@ -22,7 +22,7 @@ export declare const actionRemoveAllElementsFromFrame: {
         category: "history";
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
-        elements: ExcalidrawElement[];
+        elements: readonly ExcalidrawElement[];
         appState: {
             selectedElementIds: {
                 [x: string]: true;
@@ -37,7 +37,7 @@ export declare const actionRemoveAllElementsFromFrame: {
             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;
@@ -85,7 +85,7 @@ export declare const actionRemoveAllElementsFromFrame: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -105,7 +105,7 @@ export declare const actionRemoveAllElementsFromFrame: {
                 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;
@@ -159,7 +159,7 @@ export declare const actionRemoveAllElementsFromFrame: {
                 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: {
@@ -206,7 +206,7 @@ export declare const actionupdateFrameRendering: {
             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;
@@ -248,7 +248,7 @@ export declare const actionupdateFrameRendering: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -268,7 +268,7 @@ export declare const actionupdateFrameRendering: {
                 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;
@@ -325,7 +325,7 @@ export declare const actionupdateFrameRendering: {
                 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: {
@@ -365,7 +365,7 @@ export declare const actionSetFrameAsActiveTool: {
             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;
@@ -409,7 +409,7 @@ export declare const actionSetFrameAsActiveTool: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -429,7 +429,7 @@ export declare const actionSetFrameAsActiveTool: {
                 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;
@@ -486,7 +486,7 @@ export declare const actionSetFrameAsActiveTool: {
                 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/actionFrame.js

@@ -45,7 +45,7 @@ export const actionRemoveAllElementsFromFrame = register({
         const selectedElement = app.scene.getSelectedElements(appState).at(0) || null;
         if (isFrameLikeElement(selectedElement)) {
             return {
-                elements: removeAllElementsFromFrame(elements, selectedElement, appState),
+                elements: removeAllElementsFromFrame(elements, selectedElement),
                 appState: {
                     ...appState,
                     selectedElementIds: {

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

@@ -29,7 +29,7 @@ export declare const actionGroup: {
             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;
@@ -77,7 +77,7 @@ export declare const actionGroup: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -97,7 +97,7 @@ export declare const actionGroup: {
                 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;
@@ -147,7 +147,7 @@ export declare const actionGroup: {
                 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: {
@@ -196,7 +196,7 @@ export declare const actionUngroup: {
             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;
@@ -244,7 +244,7 @@ export declare const actionUngroup: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -264,7 +264,7 @@ export declare const actionUngroup: {
                 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;
@@ -314,7 +314,7 @@ export declare const actionUngroup: {
                 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/actionGroup.js

@@ -66,7 +66,7 @@ export const actionGroup = register({
         if (groupingElementsFromDifferentFrames) {
             const frameElementsMap = groupByFrameLikes(selectedElements);
             frameElementsMap.forEach((elementsInFrame, frameId) => {
-                nextElements = removeElementsFromFrame(nextElements, elementsInFrame, appState);
+                removeElementsFromFrame(elementsInFrame, app.scene.getNonDeletedElementsMap());
             });
         }
         const newGroupId = randomId();
@@ -112,6 +112,7 @@ export const actionUngroup = register({
     trackEvent: { category: "element" },
     perform: (elements, appState, _, app) => {
         const groupIds = getSelectedGroupIds(appState);
+        const elementsMap = arrayToMap(elements);
         if (groupIds.length === 0) {
             return { appState, elements, commitToHistory: false };
         }
@@ -137,7 +138,7 @@ export const actionUngroup = register({
         const targetFrames = getFrameLikeElements(elements).filter((frame) => selectedElementFrameIds.has(frame.id));
         targetFrames.forEach((frame) => {
             if (frame) {
-                nextElements = replaceAllElementsInFrame(nextElements, getElementsInResizingFrame(nextElements, frame, appState), frame, appState);
+                nextElements = replaceAllElementsInFrame(nextElements, getElementsInResizingFrame(nextElements, frame, appState, elementsMap), frame, app);
             }
         });
         // remove binded text elements from selection

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

@@ -20,7 +20,7 @@ export declare const actionToggleLinearEditor: {
             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;
@@ -67,7 +67,7 @@ export declare const actionToggleLinearEditor: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -87,7 +87,7 @@ export declare const actionToggleLinearEditor: {
                 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;
@@ -144,7 +144,7 @@ export declare const actionToggleLinearEditor: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

package/dist/excalidraw/actions/actionLinearEditor.js

@@ -20,7 +20,7 @@ export const actionToggleLinearEditor = register({
         })[0];
         const editingLinearElement = appState.editingLinearElement?.elementId === selectedElement.id
             ? null
-            : new LinearElementEditor(selectedElement, app.scene);
+            : new LinearElementEditor(selectedElement);
         return {
             appState: {
                 ...appState,

package/dist/excalidraw/{element/Hyperlink.d.ts → actions/actionLink.d.ts}

@@ -1,23 +1,8 @@
 /// <reference types="react" />
-import { AppState, ExcalidrawProps, UIAppState } from "../types";
-import { NonDeletedExcalidrawElement } from "./types";
-import { Bounds } from "./bounds";
-import "./Hyperlink.scss";
-export declare const EXTERNAL_LINK_IMG: HTMLImageElement;
-export declare const Hyperlink: ({ element, setAppState, onLinkOpen, setToast, }: {
-    element: NonDeletedExcalidrawElement;
-    setAppState: React.Component<any, AppState>["setState"];
-    onLinkOpen: ExcalidrawProps["onLinkOpen"];
-    setToast: (toast: {
-        message: string;
-        closable?: boolean;
-        duration?: number;
-    } | null) => void;
-}) => JSX.Element | null;
 export declare const actionLink: {
     name: "hyperlink";
-    perform: (elements: readonly import("./types").ExcalidrawElement[], appState: Readonly<AppState>) => false | {
-        elements: readonly import("./types").ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
+        elements: readonly import("../element/types").ExcalidrawElement[];
         appState: {
             showHyperlinkPopup: "editor";
             openMenu: null;
@@ -30,17 +15,17 @@ export declare const actionLink: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
             } | null;
-            draggingElement: NonDeletedExcalidrawElement | null;
-            resizingElement: NonDeletedExcalidrawElement | null;
-            multiElement: import("./types").NonDeleted<import("./types").ExcalidrawLinearElement> | null;
-            selectionElement: NonDeletedExcalidrawElement | null;
+            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("./types").NonDeleted<import("./types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("./binding").SuggestedBinding[];
-            frameToHighlight: import("./types").NonDeleted<import("./types").ExcalidrawFrameLikeElement> | null;
+            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;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -48,9 +33,9 @@ export declare const actionLink: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("./types").NonDeleted<import("./types").ExcalidrawElement>[] | null;
-            editingElement: NonDeletedExcalidrawElement | null;
-            editingLinearElement: import("./linearElementEditor").LinearElementEditor | null;
+            elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
+            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -63,23 +48,23 @@ export declare const actionLink: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("./types").FillStyle;
+            currentItemFillStyle: import("../element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("./types").StrokeStyle;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
-            currentItemStartArrowhead: import("./types").Arrowhead | null;
-            currentItemEndArrowhead: import("./types").Arrowhead | null;
-            currentItemRoundness: import("./types").StrokeRoundness;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -98,10 +83,10 @@ export declare const actionLink: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("./types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -116,7 +101,7 @@ export declare const actionLink: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("./types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number | null;
             viewModeEnabled: boolean;
             selectedGroupIds: {
@@ -146,7 +131,7 @@ export declare const actionLink: {
                 isCurrentUser?: boolean | undefined;
             }>>;
             showStats: boolean;
-            currentChartType: import("./types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -155,7 +140,7 @@ export declare const actionLink: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            selectedLinearElement: import("./linearElementEditor").LinearElementEditor | null;
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -172,16 +157,9 @@ export declare const actionLink: {
         action: string;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
-    contextItemLabel: (elements: readonly import("./types").ExcalidrawElement[], appState: Readonly<AppState>) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
-    predicate: (elements: readonly import("./types").ExcalidrawElement[], appState: AppState) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps) => JSX.Element;
+    contextItemLabel: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
 };
-export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
-export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: Pick<UIAppState, "zoom">) => Bounds;
-export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number]) => boolean;
-export declare const isPointHittingLink: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number], isMobile: boolean) => boolean;
-export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState) => void;
-export declare const hideHyperlinkToolip: () => void;
-export declare const shouldHideLinkPopup: (element: NonDeletedExcalidrawElement, appState: AppState, [clientX, clientY]: readonly [number, number]) => Boolean;

package/dist/excalidraw/actions/actionLink.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getContextMenuLabel } from "../components/hyperlink/Hyperlink";
+import { LinkIcon } from "../components/icons";
+import { ToolButton } from "../components/ToolButton";
+import { isEmbeddableElement } from "../element/typeChecks";
+import { t } from "../i18n";
+import { KEYS } from "../keys";
+import { getSelectedElements } from "../scene";
+import { getShortcutKey } from "../utils";
+import { register } from "./register";
+export const actionLink = register({
+    name: "hyperlink",
+    perform: (elements, appState) => {
+        if (appState.showHyperlinkPopup === "editor") {
+            return false;
+        }
+        return {
+            elements,
+            appState: {
+                ...appState,
+                showHyperlinkPopup: "editor",
+                openMenu: null,
+            },
+            commitToHistory: true,
+        };
+    },
+    trackEvent: { category: "hyperlink", action: "click" },
+    keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.K,
+    contextItemLabel: (elements, appState) => getContextMenuLabel(elements, appState),
+    predicate: (elements, appState) => {
+        const selectedElements = getSelectedElements(elements, appState);
+        return selectedElements.length === 1;
+    },
+    PanelComponent: ({ elements, appState, updateData }) => {
+        const selectedElements = getSelectedElements(elements, appState);
+        return (_jsx(ToolButton, { type: "button", icon: LinkIcon, "aria-label": t(getContextMenuLabel(elements, appState)), title: `${isEmbeddableElement(elements[0])
+                ? t("labels.link.labelEmbed")
+                : t("labels.link.label")} - ${getShortcutKey("CtrlOrCmd+K")}`, onClick: () => updateData(null), selected: selectedElements.length === 1 && !!selectedElements[0].link }));
+    },
+});