@dwelle/excalidraw 0.4.0-d411eb2 → 0.4.0-e7ba198

package/types/actions/actionFinalize.d.ts

@@ -9,6 +9,7 @@ export declare const actionFinalize: {
         appState: {
             cursorButton: "up";
             editingLinearElement: null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -45,7 +46,7 @@ export declare const actionFinalize: {
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemTextAlign: string;
             currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -62,6 +63,9 @@ export declare const actionFinalize: {
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
                 [id: string]: boolean;
@@ -70,7 +74,6 @@ export declare const actionFinalize: {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -88,8 +91,6 @@ export declare const actionFinalize: {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;
@@ -131,6 +132,7 @@ export declare const actionFinalize: {
             };
             selectedLinearElement: LinearElementEditor | null;
             pendingImageElementId: null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -152,7 +154,7 @@ export declare const actionFinalize: {
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemTextAlign: string;
             currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -169,12 +171,14 @@ export declare const actionFinalize: {
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -192,8 +196,6 @@ export declare const actionFinalize: {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;
@@ -210,7 +212,9 @@ export declare const actionFinalize: {
         commitToHistory: boolean;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
-    PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };

package/types/actions/actionGroup.d.ts

@@ -18,7 +18,9 @@ export declare const actionGroup: {
     contextItemLabel: string;
     contextItemPredicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -39,7 +41,9 @@ export declare const actionUngroup: {
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     contextItemLabel: string;
     contextItemPredicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionLinearEditor.d.ts

@@ -0,0 +1,115 @@
+import { LinearElementEditor } from "../element/linearElementEditor";
+import { ExcalidrawLinearElement } from "../element/types";
+export declare const actionToggleLinearEditor: {
+    name: "toggleLinearEditor";
+    trackEvent: {
+        category: "element";
+    };
+    contextItemPredicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
+    perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties): {
+        appState: {
+            editingLinearElement: LinearElementEditor | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: string | null;
+            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                locked: boolean;
+                customType: null;
+            } | {
+                type: "custom";
+                customType: string;
+                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                locked: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: {
+                [id: string]: boolean;
+            };
+            previousSelectedElementIds: {
+                [id: string]: boolean;
+            };
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: string;
+            gridSize: number | null;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<string, import("../types").Collaborator>;
+            showStats: boolean;
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: LinearElementEditor | null;
+        };
+        commitToHistory: false;
+    };
+    contextItemLabel: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.lineEditor.exit" | "labels.lineEditor.edit";
+} & {
+    keyTest?: undefined;
+};

package/types/actions/actionMenu.d.ts

@@ -7,6 +7,7 @@ export declare const actionToggleCanvasMenu: {
     perform: (_: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         appState: {
             openMenu: "canvas" | null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -44,7 +45,7 @@ export declare const actionToggleCanvasMenu: {
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemTextAlign: string;
             currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -61,6 +62,9 @@ export declare const actionToggleCanvasMenu: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
                 [id: string]: boolean;
@@ -69,7 +73,6 @@ export declare const actionToggleCanvasMenu: {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -87,8 +90,6 @@ export declare const actionToggleCanvasMenu: {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;
@@ -106,7 +107,9 @@ export declare const actionToggleCanvasMenu: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -118,6 +121,7 @@ export declare const actionToggleEditMenu: {
     perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         appState: {
             openMenu: "shape" | null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -155,7 +159,7 @@ export declare const actionToggleEditMenu: {
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemTextAlign: string;
             currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -172,6 +176,9 @@ export declare const actionToggleEditMenu: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
                 [id: string]: boolean;
@@ -180,7 +187,6 @@ export declare const actionToggleEditMenu: {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -198,8 +204,6 @@ export declare const actionToggleEditMenu: {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;
@@ -217,7 +221,9 @@ export declare const actionToggleEditMenu: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -242,7 +248,8 @@ export declare const actionShortcuts: {
     };
     perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, { focusContainer }: import("../types").AppClassProperties) => {
         appState: {
-            showHelpDialog: boolean;
+            openDialog: "help" | null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -280,7 +287,7 @@ export declare const actionShortcuts: {
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemTextAlign: string;
             currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
             currentItemStartArrowhead: import("../element/types").Arrowhead | null;
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
@@ -298,6 +305,8 @@ export declare const actionShortcuts: {
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openSidebar: "library" | "customSidebar" | null;
+            isSidebarDocked: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: {
                 [id: string]: boolean;
@@ -323,8 +332,6 @@ export declare const actionShortcuts: {
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            isLibraryOpen: boolean;
-            isLibraryMenuDocked: boolean;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<string, import("../types").Collaborator>;
             showStats: boolean;
@@ -342,7 +349,9 @@ export declare const actionShortcuts: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, isInHamburgerMenu }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;

package/types/actions/actionNavigate.d.ts

@@ -7,7 +7,9 @@ export declare const actionGoToCollaborator: {
         appState: Readonly<import("../types").AppState>;
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: undefined;
 };