@zsviczian/excalidraw 0.10.0-obsidian-44 → 0.10.0-obsidian-48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.10.0-obsidian-44",
+  "version": "0.10.0-obsidian-48",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -44,7 +44,7 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.16.7",
+    "@babel/core": "7.17.0",
     "@babel/plugin-transform-arrow-functions": "7.16.7",
     "@babel/plugin-transform-async-to-generator": "7.16.0",
     "@babel/plugin-transform-runtime": "7.16.8",
@@ -56,17 +56,17 @@
     "babel-loader": "8.2.3",
     "babel-plugin-transform-class-properties": "6.24.1",
     "cross-env": "7.0.3",
-    "css-loader": "6.5.1",
+    "css-loader": "6.6.0",
     "mini-css-extract-plugin": "2.4.6",
     "postcss-loader": "6.2.1",
     "sass-loader": "12.4.0",
-    "terser-webpack-plugin": "5.3.0",
+    "terser-webpack-plugin": "5.3.1",
     "ts-loader": "9.2.6",
     "typescript": "4.5.4",
     "webpack": "5.65.0",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "4.9.1",
-    "webpack-dev-server": "4.7.3",
+    "webpack-cli": "4.9.2",
+    "webpack-dev-server": "4.7.4",
     "webpack-merge": "5.8.0"
   },
   "bugs": "https://github.com/excalidraw/excalidraw/issues",
@@ -76,7 +76,9 @@
     "build:umd": "cross-env NODE_ENV=production webpack --config webpack.prod.config.js && cross-env NODE_ENV=development webpack --config webpack.dev.config.js && yarn gen:types",
     "build:umd:withAnalyzer": "cross-env NODE_ENV=production ANALYZER=true webpack --config webpack.prod.config.js",
     "pack": "yarn build:umd && yarn pack",
-    "start": "webpack serve --config webpack.dev-server.config.js "
+    "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"
   },
   "dependencies": {
     "dotenv": "10.0.0"

package/types/actions/actionAddToLibrary.d.ts

@@ -85,6 +85,13 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
     } | {
         commitToHistory: false;
@@ -171,6 +178,13 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
     }> | {
         commitToHistory: false;
@@ -257,6 +271,13 @@ export declare const actionAddToLibrary: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
     };
     contextItemLabel: string;

package/types/actions/actionCanvas.d.ts

@@ -32,6 +32,7 @@ export declare const actionClearCanvas: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
+            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "freedraw";
             scrollX: number;
             scrollY: number;
             viewBackgroundColor: string;
@@ -51,7 +52,6 @@ export declare const actionClearCanvas: {
             suggestedBindings: import("../element/binding").SuggestedBinding[];
             editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
             exportWithDarkMode: boolean;
             exportScale: number;
             currentItemStrokeColor: string;
@@ -95,6 +95,13 @@ export declare const actionClearCanvas: {
             currentChartType: import("../element/types").ChartType;
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     };
@@ -188,6 +195,13 @@ export declare const actionZoomIn: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -282,6 +296,13 @@ export declare const actionZoomOut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -376,6 +397,13 @@ export declare const actionResetZoom: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -468,6 +496,13 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         };
         pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
         showHyperlinkPopup: false | "info" | "editor";
+        linkOpacity: number;
+        isMobile: boolean;
+        colorPalette: {
+            canvasBackground?: string[] | undefined;
+            elementBackground?: string[] | undefined;
+            elementStroke?: string[] | undefined;
+        };
     };
     commitToHistory: boolean;
 };
@@ -557,6 +592,13 @@ export declare const actionZoomToSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
@@ -650,6 +692,13 @@ export declare const actionZoomToFit: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
@@ -743,6 +792,13 @@ export declare const actionToggleTheme: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/actions/actionClipboard.d.ts

@@ -96,6 +96,13 @@ export declare const actionCut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     } | {
@@ -200,6 +207,13 @@ export declare const actionCut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     } | {
@@ -285,6 +299,13 @@ export declare const actionCut: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
@@ -382,6 +403,13 @@ export declare const actionCopyAsSvg: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     }>;
@@ -478,6 +506,13 @@ export declare const actionCopyAsPng: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     }>;

package/types/actions/actionDeleteSelected.d.ts

@@ -89,6 +89,13 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     } | {
@@ -193,6 +200,13 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     } | {
@@ -278,6 +292,13 @@ export declare const actionDeleteSelected: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };

package/types/actions/actionExport.d.ts

@@ -86,6 +86,13 @@ export declare const actionChangeProjectName: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -179,6 +186,13 @@ export declare const actionChangeExportScale: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -272,6 +286,13 @@ export declare const actionChangeExportBackground: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -365,6 +386,13 @@ export declare const actionChangeExportEmbedScene: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -459,6 +487,13 @@ export declare const actionSaveToActiveFile: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
     } | {
         commitToHistory: false;
@@ -556,6 +591,13 @@ export declare const actionSaveFileToDisk: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
     } | {
         commitToHistory: false;
@@ -649,6 +691,13 @@ export declare const actionLoadScene: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         files: import("../types").BinaryFiles;
         commitToHistory: true;
@@ -737,6 +786,13 @@ export declare const actionLoadScene: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         files: import("../types").BinaryFiles;
         commitToHistory: false;
@@ -832,6 +888,13 @@ export declare const actionExportWithDarkMode: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };

package/types/actions/actionFinalize.d.ts

@@ -87,6 +87,13 @@ export declare const actionFinalize: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: true;
     } | {
@@ -174,11 +181,18 @@ export declare const actionFinalize: {
                 data: import("../charts").Spreadsheet;
             };
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: boolean;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState) => boolean;
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<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: import("../types").AppState) => boolean) | undefined;
 };

package/types/actions/actionMenu.d.ts

@@ -85,6 +85,13 @@ export declare const actionToggleCanvasMenu: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -178,6 +185,13 @@ export declare const actionToggleEditMenu: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };
@@ -280,6 +294,13 @@ export declare const actionShortcuts: {
             };
             pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
             showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            isMobile: boolean;
+            colorPalette: {
+                canvasBackground?: string[] | undefined;
+                elementBackground?: string[] | undefined;
+                elementStroke?: string[] | undefined;
+            };
         };
         commitToHistory: false;
     };