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

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<{
@@ -98,14 +98,14 @@ export declare const actionRemoveAllElementsFromFrame: {
                 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;
@@ -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<{
@@ -261,14 +261,14 @@ export declare const actionupdateFrameRendering: {
                 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;
@@ -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<{
@@ -422,14 +422,14 @@ export declare const actionSetFrameAsActiveTool: {
                 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;
@@ -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<{
@@ -90,14 +90,14 @@ export declare const actionGroup: {
                 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;
@@ -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<{
@@ -257,14 +257,14 @@ export declare const actionUngroup: {
                 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;
@@ -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<{
@@ -80,14 +80,14 @@ export declare const actionToggleLinearEditor: {
                 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;
@@ -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<{
@@ -91,17 +76,17 @@ export declare const actionLink: {
                 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("./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 }));
+    },
+});

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

@@ -17,7 +17,7 @@ export declare const actionToggleCanvasMenu: {
             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 actionToggleCanvasMenu: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -77,14 +77,14 @@ export declare const actionToggleCanvasMenu: {
                 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;
@@ -141,7 +141,7 @@ export declare const actionToggleCanvasMenu: {
                 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: {
@@ -176,7 +176,7 @@ export declare const actionToggleEditMenu: {
             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;
@@ -224,7 +224,7 @@ export declare const actionToggleEditMenu: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -236,14 +236,14 @@ export declare const actionToggleEditMenu: {
                 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;
@@ -300,7 +300,7 @@ export declare const actionToggleEditMenu: {
                 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: {
@@ -339,7 +339,7 @@ export declare const actionShortcuts: {
             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;
@@ -387,7 +387,7 @@ export declare const actionShortcuts: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -454,7 +454,7 @@ export declare const actionShortcuts: {
                 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: {