@dwelle/excalidraw 0.3.78 → 0.12.0-fork

package/dist/excalidraw.production.min.js.LICENSE.txt

@@ -1,5 +1,10 @@
-/**
- * @license React
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/main.js

@@ -1,7 +1,4 @@
-if (
-  process.env.NODE_ENV === "production" ||
-  window.__excalidraw_env__ === "production"
-) {
+if (process.env.NODE_ENV === "production") {
   module.exports = require("./dist/excalidraw.production.min.js");
 } else {
   module.exports = require("./dist/excalidraw.development.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dwelle/excalidraw",
-  "version": "0.3.78",
+  "version": "0.12.0-fork",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -11,8 +11,15 @@
     "access": "public"
   },
   "description": "Excalidraw as a React component",
+  "repository": "https://github.com/excalidraw/excalidraw",
   "license": "MIT",
-  "keywords": [],
+  "keywords": [
+    "excalidraw",
+    "excalidraw-embed",
+    "react",
+    "npm",
+    "npm excalidraw"
+  ],
   "browserslist": {
     "production": [
       ">0.2%",
@@ -33,8 +40,8 @@
     ]
   },
   "peerDependencies": {
-    "react": "^17.0.2 || ^18.2.0",
-    "react-dom": "^17.0.2 || ^18.2.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
     "@babel/core": "7.18.9",
@@ -63,7 +70,7 @@
     "webpack-dev-server": "4.9.3",
     "webpack-merge": "5.8.0"
   },
-  "repository": "https://github.com/dwelle/excalidraw",
+  "bugs": "https://github.com/excalidraw/excalidraw/issues",
   "homepage": "https://github.com/excalidraw/excalidraw/tree/master/src/packages/excalidraw",
   "scripts": {
     "gen:types": "tsc --project ../../../tsconfig-types.json",
@@ -72,6 +79,6 @@
     "pack": "yarn build:umd && yarn pack",
     "start": "webpack serve --config webpack.dev-server.config.js",
     "install:deps": "yarn install --frozen-lockfile && yarn --cwd ../../../",
-    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js && yarn gen:types"
+    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js"
   }
 }

package/types/actions/actionAddToLibrary.d.ts

@@ -100,7 +100,6 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
     } | {
         commitToHistory: false;
@@ -201,7 +200,6 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
     }> | {
         commitToHistory: false;
@@ -302,7 +300,6 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
     };
     contextItemLabel: string;

package/types/actions/actionAlign.d.ts

@@ -12,7 +12,7 @@ export declare const actionAlignTop: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -27,7 +27,7 @@ export declare const actionAlignBottom: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -42,7 +42,7 @@ export declare const actionAlignLeft: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -57,7 +57,7 @@ export declare const actionAlignRight: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -71,7 +71,7 @@ export declare const actionAlignVerticallyCentered: {
         elements: ExcalidrawElement[];
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -85,7 +85,7 @@ export declare const actionAlignHorizontallyCentered: {
         elements: ExcalidrawElement[];
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

package/types/actions/actionBoundText.d.ts

@@ -119,7 +119,6 @@ export declare const actionBindText: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };

package/types/actions/actionCanvas.d.ts

@@ -8,7 +8,7 @@ export declare const actionChangeViewBackgroundColor: {
         appState: any;
         commitToHistory: boolean;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -113,11 +113,10 @@ export declare const actionClearCanvas: {
             currentChartType: import("../element/types").ChartType;
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -224,11 +223,10 @@ export declare const actionZoomIn: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -336,11 +334,10 @@ export declare const actionZoomOut: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -448,11 +445,10 @@ export declare const actionResetZoom: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -560,7 +556,6 @@ export declare const actionZoomToSelected: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -671,7 +666,6 @@ export declare const actionZoomToFit: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -782,11 +776,10 @@ export declare const actionToggleTheme: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -890,12 +883,11 @@ export declare const actionErase: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, data }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionClipboard.d.ts

@@ -116,7 +116,6 @@ export declare const actionCut: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     } | {
@@ -139,7 +138,6 @@ export declare const actionCut: {
                     x: number;
                     y: number;
                 }>;
-                hoverPointIndex: number;
             };
             isLoading: boolean;
             errorMessage: string | null;
@@ -236,7 +234,6 @@ export declare const actionCut: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     } | {
@@ -336,7 +333,6 @@ export declare const actionCut: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -451,7 +447,6 @@ export declare const actionCopyAsSvg: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     }>;
@@ -565,7 +560,6 @@ export declare const actionCopyAsPng: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     }>;

package/types/actions/actionDeleteSelected.d.ts

@@ -107,7 +107,6 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: LinearElementEditor | null;
         };
         commitToHistory: false;
     } | {
@@ -130,7 +129,6 @@ export declare const actionDeleteSelected: {
                     x: number;
                     y: number;
                 }>;
-                hoverPointIndex: number;
             };
             isLoading: boolean;
             errorMessage: string | null;
@@ -227,7 +225,6 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: LinearElementEditor | null;
         };
         commitToHistory: true;
     } | {
@@ -327,13 +324,12 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionDistribute.d.ts

@@ -12,7 +12,7 @@ export declare const distributeHorizontally: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -27,7 +27,7 @@ export declare const distributeVertically: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionDuplicateSelection.d.ts

@@ -16,7 +16,7 @@ export declare const actionDuplicateSelection: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionExport.d.ts

@@ -101,11 +101,10 @@ export declare const actionChangeProjectName: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData, appProps }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -213,11 +212,10 @@ export declare const actionChangeExportScale: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements: allElements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -325,11 +323,10 @@ export declare const actionChangeExportBackground: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -437,11 +434,10 @@ export declare const actionChangeExportEmbedScene: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -547,14 +543,13 @@ export declare const actionSaveToActiveFile: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
     } | {
         commitToHistory: false;
         appState?: undefined;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -662,14 +657,13 @@ export declare const actionSaveFileToDisk: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
     } | {
         commitToHistory: false;
         appState?: undefined;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -773,7 +767,6 @@ export declare const actionLoadScene: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         files: import("../types").BinaryFiles;
         commitToHistory: true;
@@ -876,13 +869,12 @@ export declare const actionLoadScene: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         files: import("../types").BinaryFiles;
         commitToHistory: false;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -990,11 +982,10 @@ export declare const actionExportWithDarkMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

package/types/actions/actionFinalize.d.ts

@@ -103,7 +103,6 @@ export declare const actionFinalize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: LinearElementEditor | null;
         };
         commitToHistory: true;
     } | {
@@ -129,7 +128,6 @@ export declare const actionFinalize: {
             selectedElementIds: {
                 [id: string]: boolean;
             };
-            selectedLinearElement: LinearElementEditor | null;
             pendingImageElementId: null;
             isLoading: boolean;
             errorMessage: string | null;
@@ -210,7 +208,7 @@ 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("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };

package/types/actions/actionGroup.d.ts

@@ -18,7 +18,7 @@ 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("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -39,7 +39,7 @@ 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("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionMenu.d.ts

@@ -102,11 +102,10 @@ export declare const actionToggleCanvasMenu: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -213,11 +212,10 @@ export declare const actionToggleEditMenu: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -338,11 +336,10 @@ export declare const actionShortcuts: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => 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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const actionGoToCollaborator: {
     name: "goToCollaborator";
     trackEvent: {
@@ -7,7 +8,7 @@ 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("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
 } & {
     keyTest?: undefined;
 };