@dwelle/excalidraw 0.5.0-b2180aef → 0.5.0-bb58eff

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

@@ -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;
@@ -148,6 +148,9 @@ export declare const actionRemoveAllElementsFromFrame: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -159,7 +162,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 +209,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 +251,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 +271,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;
@@ -314,6 +317,9 @@ export declare const actionupdateFrameRendering: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -325,7 +331,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 +371,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 +415,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 +435,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;
@@ -475,6 +481,9 @@ export declare const actionSetFrameAsActiveTool: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -486,7 +495,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/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;
@@ -136,6 +136,9 @@ export declare const actionGroup: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -147,7 +150,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 +199,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 +247,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 +267,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;
@@ -303,6 +306,9 @@ export declare const actionUngroup: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -314,7 +320,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

@@ -12,6 +12,7 @@ import { randomId } from "../random";
 import { ToolButton } from "../components/ToolButton";
 import { isBoundToContainer } from "../element/typeChecks";
 import { getElementsInResizingFrame, getFrameLikeElements, groupByFrameLikes, removeElementsFromFrame, replaceAllElementsInFrame, } from "../frame";
+import { syncMovedIndices } from "../fractionalIndex";
 const allElementsInSameGroup = (elements) => {
     if (elements.length >= 2) {
         const groupIds = elements[0].groupIds;
@@ -88,17 +89,18 @@ export const actionGroup = register({
         const elementsBeforeGroup = nextElements
             .slice(0, lastGroupElementIndex)
             .filter((updatedElement) => !isElementInGroup(updatedElement, newGroupId));
-        nextElements = [
+        const reorderedElements = [
             ...elementsBeforeGroup,
             ...elementsInGroup,
             ...elementsAfterGroup,
         ];
+        syncMovedIndices(reorderedElements, arrayToMap(elementsInGroup));
         return {
             appState: {
                 ...appState,
                 ...selectGroup(newGroupId, { ...appState, selectedGroupIds: {} }, getNonDeletedElements(nextElements)),
             },
-            elements: nextElements,
+            elements: reorderedElements,
             commitToHistory: true,
         };
     },
@@ -112,6 +114,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 +140,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, app);
+                nextElements = replaceAllElementsInFrame(nextElements, getElementsInResizingFrame(nextElements, frame, appState, elementsMap), frame, app);
             }
         });
         // remove binded text elements from selection

package/dist/excalidraw/actions/actionHistory.js

@@ -7,6 +7,7 @@ import { newElementWith } from "../element/mutateElement";
 import { fixBindingsAfterDeletion } from "../element/binding";
 import { arrayToMap } from "../utils";
 import { isWindows } from "../constants";
+import { syncInvalidIndices } from "../fractionalIndex";
 const writeData = (prevElements, appState, updater) => {
     const commitToHistory = false;
     if (!appState.multiElement &&
@@ -25,6 +26,8 @@ const writeData = (prevElements, appState, updater) => {
             .map((nextElement) => newElementWith(prevElementMap.get(nextElement.id) || nextElement, nextElement))
             .concat(deletedElements.map((prevElement) => newElementWith(prevElement, { isDeleted: true })));
         fixBindingsAfterDeletion(elements, deletedElements);
+        // TODO: will be replaced in #7348
+        syncInvalidIndices(elements);
         return {
             elements,
             appState: { ...appState, ...data.appState },

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;
@@ -133,6 +133,9 @@ export declare const actionToggleLinearEditor: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -144,7 +147,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,24 +1,8 @@
 /// <reference types="react" />
-import { AppState, ExcalidrawProps, UIAppState } from "../types";
-import { ExcalidrawEmbeddableElement, 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, updateEmbedValidationStatus, }: {
-    element: NonDeletedExcalidrawElement;
-    setAppState: React.Component<any, AppState>["setState"];
-    onLinkOpen: ExcalidrawProps["onLinkOpen"];
-    setToast: (toast: {
-        message: string;
-        closable?: boolean;
-        duration?: number;
-    } | null) => void;
-    updateEmbedValidationStatus: (element: ExcalidrawEmbeddableElement, status: boolean) => 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;
@@ -31,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;
@@ -49,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;
@@ -64,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<{
@@ -99,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;
             }>;
@@ -117,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: {
@@ -145,9 +129,12 @@ export declare const actionLink: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
-            currentChartType: import("./types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -156,7 +143,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;
@@ -173,16 +160,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 }));
+    },
+});