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

package/dist/excalidraw/actions/actionClipboard.js

@@ -93,7 +93,7 @@ export const actionCut = register({
     trackEvent: { category: "element" },
     perform: (elements, appState, event, app) => {
         actionCopy.perform(elements, appState, event, app);
-        return actionDeleteSelected.perform(elements, appState);
+        return actionDeleteSelected.perform(elements, appState, null, app);
     },
     contextItemLabel: "labels.cut",
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.X,
@@ -112,6 +112,7 @@ export const actionCopyAsSvg = register({
             await exportCanvas("clipboard-svg", exportedElements, appState, app.files, {
                 ...appState,
                 exportingFrame,
+                name: app.getName(),
             });
             return {
                 commitToHistory: false,
@@ -152,6 +153,7 @@ export const actionCopyAsPng = register({
             await exportCanvas("clipboard", exportedElements, appState, app.files, {
                 ...appState,
                 exportingFrame,
+                name: app.getName(),
             });
             return {
                 appState: {
@@ -203,7 +205,12 @@ export const copyText = register({
             return acc;
         }, [])
             .join("\n\n");
-        copyTextToSystemClipboard(text);
+        try {
+            copyTextToSystemClipboard(text);
+        }
+        catch (e) {
+            throw new Error(t("errors.copyToSystemClipboardFailed"));
+        }
         return {
             commitToHistory: false,
         };

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

@@ -8,7 +8,7 @@ export declare const actionDeleteSelected: {
         category: "element";
         action: string;
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => false | {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
         elements: ExcalidrawElement[];
         appState: {
             editingLinearElement: null;
@@ -22,7 +22,7 @@ export declare const actionDeleteSelected: {
             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;
@@ -69,7 +69,7 @@ export declare const actionDeleteSelected: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -89,7 +89,7 @@ export declare const actionDeleteSelected: {
                 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;
@@ -146,7 +146,7 @@ export declare const actionDeleteSelected: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -200,7 +200,7 @@ export declare const actionDeleteSelected: {
             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;
@@ -247,7 +247,7 @@ export declare const actionDeleteSelected: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -267,7 +267,7 @@ export declare const actionDeleteSelected: {
                 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;
@@ -324,7 +324,7 @@ export declare const actionDeleteSelected: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -396,7 +396,7 @@ export declare const actionDeleteSelected: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -416,7 +416,7 @@ export declare const actionDeleteSelected: {
                 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;
@@ -467,7 +467,7 @@ export declare const actionDeleteSelected: {
                 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/actionDeleteSelected.js

@@ -50,10 +50,11 @@ const handleGroupEditingState = (appState, elements) => {
 export const actionDeleteSelected = register({
     name: "deleteSelectedElements",
     trackEvent: { category: "element", action: "delete" },
-    perform: (elements, appState) => {
+    perform: (elements, appState, formData, app) => {
         if (appState.editingLinearElement) {
             const { elementId, selectedPointsIndices, startBindingElement, endBindingElement, } = appState.editingLinearElement;
-            const element = LinearElementEditor.getElement(elementId);
+            const elementsMap = app.scene.getNonDeletedElementsMap();
+            const element = LinearElementEditor.getElement(elementId, elementsMap);
             if (!element) {
                 return false;
             }

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

@@ -8,7 +8,7 @@ export declare const distributeHorizontally: {
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
@@ -23,7 +23,7 @@ export declare const distributeVertically: {
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
-        elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
+        elements: ExcalidrawElement[];
         commitToHistory: true;
     };
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;

package/dist/excalidraw/actions/actionDistribute.js

@@ -18,7 +18,7 @@ const enableActionGroup = (appState, app) => {
 };
 const distributeSelectedElements = (elements, appState, app, distribution) => {
     const selectedElements = app.scene.getSelectedElements(appState);
-    const updatedElements = distributeElements(selectedElements, distribution);
+    const updatedElements = distributeElements(selectedElements, app.scene.getNonDeletedElementsMap(), distribution);
     const updatedElementsMap = arrayToMap(updatedElements);
     return updateFrameMembershipOfSelectedElements(elements.map((element) => updatedElementsMap.get(element.id) || element), appState, app);
 };

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

@@ -6,7 +6,7 @@ export declare const actionDuplicateSelection: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => false | {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: import("../types").AppClassProperties) => false | {
         commitToHistory: true;
         elements?: readonly ExcalidrawElement[] | null | undefined;
         appState?: import("../utility-types").MarkOptional<AppState, "offsetTop" | "offsetLeft" | "width" | "height"> | null | undefined;

package/dist/excalidraw/actions/actionDuplicateSelection.js

@@ -19,10 +19,11 @@ import { excludeElementsInFramesFromSelection, getSelectedElements, } from "../s
 export const actionDuplicateSelection = register({
     name: "duplicateSelection",
     trackEvent: { category: "element" },
-    perform: (elements, appState) => {
+    perform: (elements, appState, formData, app) => {
+        const elementsMap = app.scene.getNonDeletedElementsMap();
         // duplicate selected point(s) if editing a line
         if (appState.editingLinearElement) {
-            const ret = LinearElementEditor.duplicateSelectedPoints(appState);
+            const ret = LinearElementEditor.duplicateSelectedPoints(appState, elementsMap);
             if (!ret) {
                 return false;
             }
@@ -87,7 +88,7 @@ const duplicateElements = (elements, appState) => {
         if (processedIds.get(element.id)) {
             continue;
         }
-        const boundTextElement = getBoundTextElement(element);
+        const boundTextElement = getBoundTextElement(element, arrayToMap(elements));
         const isElementAFrameLike = isFrameLikeElement(element);
         if (idsOfElementsToDuplicate.get(element.id)) {
             // if a group or a container/bound-text or frame, duplicate atomically

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

@@ -20,7 +20,7 @@ export declare const actionToggleElementLock: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -68,7 +68,7 @@ export declare const actionToggleElementLock: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -88,7 +88,7 @@ export declare const actionToggleElementLock: {
                 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;
@@ -145,7 +145,7 @@ export declare const actionToggleElementLock: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -185,7 +185,7 @@ export declare const actionUnlockAllElements: {
             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;
@@ -233,7 +233,7 @@ export declare const actionUnlockAllElements: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -253,7 +253,7 @@ export declare const actionUnlockAllElements: {
                 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;
@@ -307,7 +307,7 @@ export declare const actionUnlockAllElements: {
                 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/actionExport.d.ts

@@ -17,7 +17,7 @@ export declare const actionChangeProjectName: {
             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;
@@ -84,7 +84,7 @@ export declare const actionChangeProjectName: {
                 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 actionChangeProjectName: {
                 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: {
@@ -154,7 +154,7 @@ export declare const actionChangeProjectName: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData, appProps, data }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData, appProps, data, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -177,7 +177,7 @@ export declare const actionChangeExportScale: {
             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 actionChangeExportScale: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -244,7 +244,7 @@ export declare const actionChangeExportScale: {
                 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;
@@ -301,7 +301,7 @@ export declare const actionChangeExportScale: {
                 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: {
@@ -337,7 +337,7 @@ export declare const actionChangeExportBackground: {
             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;
@@ -384,7 +384,7 @@ export declare const actionChangeExportBackground: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -404,7 +404,7 @@ export declare const actionChangeExportBackground: {
                 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;
@@ -461,7 +461,7 @@ export declare const actionChangeExportBackground: {
                 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: {
@@ -497,7 +497,7 @@ export declare const actionChangeExportEmbedScene: {
             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;
@@ -544,7 +544,7 @@ export declare const actionChangeExportEmbedScene: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -564,7 +564,7 @@ export declare const actionChangeExportEmbedScene: {
                 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;
@@ -621,7 +621,7 @@ export declare const actionChangeExportEmbedScene: {
                 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: {
@@ -661,7 +661,7 @@ export declare const actionSaveToActiveFile: {
             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;
@@ -709,7 +709,7 @@ export declare const actionSaveToActiveFile: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -729,7 +729,7 @@ export declare const actionSaveToActiveFile: {
                 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;
@@ -780,7 +780,7 @@ export declare const actionSaveToActiveFile: {
                 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: {
@@ -823,7 +823,7 @@ export declare const actionSaveFileToDisk: {
             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;
@@ -871,7 +871,7 @@ export declare const actionSaveFileToDisk: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -932,7 +932,7 @@ export declare const actionSaveFileToDisk: {
                 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: {
@@ -971,7 +971,7 @@ export declare const actionLoadScene: {
             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;
@@ -1019,7 +1019,7 @@ export declare const actionLoadScene: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1039,7 +1039,7 @@ export declare const actionLoadScene: {
                 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;
@@ -1092,7 +1092,7 @@ export declare const actionLoadScene: {
                 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: {
@@ -1118,7 +1118,7 @@ export declare const actionLoadScene: {
             isLoading: boolean;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1166,7 +1166,7 @@ export declare const actionLoadScene: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1186,7 +1186,7 @@ export declare const actionLoadScene: {
                 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;
@@ -1243,7 +1243,7 @@ export declare const actionLoadScene: {
                 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: {
@@ -1280,7 +1280,7 @@ export declare const actionExportWithDarkMode: {
             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;
@@ -1327,7 +1327,7 @@ export declare const actionExportWithDarkMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1347,7 +1347,7 @@ export declare const actionExportWithDarkMode: {
                 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;
@@ -1404,7 +1404,7 @@ export declare const actionExportWithDarkMode: {
                 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/actionExport.js

@@ -24,7 +24,7 @@ export const actionChangeProjectName = register({
     perform: (_elements, appState, value) => {
         return { appState: { ...appState, name: value }, commitToHistory: false };
     },
-    PanelComponent: ({ appState, updateData, appProps, data }) => (_jsx(ProjectName, { label: t("labels.fileTitle"), value: appState.name || "Unnamed", onChange: (name) => updateData(name), isNameEditable: typeof appProps.name === "undefined" && !appState.viewModeEnabled, ignoreFocus: data?.ignoreFocus ?? false })),
+    PanelComponent: ({ appState, updateData, appProps, data, app }) => (_jsx(ProjectName, { label: t("labels.fileTitle"), value: app.getName(), onChange: (name) => updateData(name), ignoreFocus: data?.ignoreFocus ?? false })),
 });
 export const actionChangeExportScale = register({
     name: "changeExportScale",
@@ -82,8 +82,8 @@ export const actionSaveToActiveFile = register({
         const fileHandleExists = !!appState.fileHandle;
         try {
             const { fileHandle } = isImageFileHandle(appState.fileHandle)
-                ? await resaveAsImageWithScene(elements, appState, app.files)
-                : await saveAsJSON(elements, appState, app.files);
+                ? await resaveAsImageWithScene(elements, appState, app.files, app.getName())
+                : await saveAsJSON(elements, appState, app.files, app.getName());
             return {
                 commitToHistory: false,
                 appState: {
@@ -120,7 +120,7 @@ export const actionSaveFileToDisk = register({
             const { fileHandle } = await saveAsJSON(elements, {
                 ...appState,
                 fileHandle: null,
-            }, app.files);
+            }, app.files, app.getName());
             return {
                 commitToHistory: false,
                 appState: {