@dwelle/excalidraw 0.3.51 → 0.3.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dwelle/excalidraw",
-  "version": "0.3.51",
+  "version": "0.3.54",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -49,12 +49,12 @@
     "babel-loader": "8.2.3",
     "babel-plugin-transform-class-properties": "6.24.1",
     "cross-env": "7.0.3",
-    "css-loader": "6.6.0",
+    "css-loader": "6.7.1",
     "mini-css-extract-plugin": "2.4.6",
     "postcss-loader": "6.2.1",
     "sass-loader": "12.4.0",
     "terser-webpack-plugin": "5.3.1",
-    "ts-loader": "9.2.6",
+    "ts-loader": "9.2.8",
     "typescript": "4.5.4",
     "webpack": "5.65.0",
     "webpack-bundle-analyzer": "4.5.0",

package/types/actions/actionCanvas.d.ts

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

package/types/actions/actionFinalize.d.ts

@@ -178,7 +178,7 @@ export declare const actionFinalize: {
         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/components/Actions.d.ts

@@ -8,13 +8,14 @@ export declare const SelectedShapeActions: ({ appState, elements, renderAction,
     renderAction: ActionManager["renderAction"];
     elementType: AppState["elementType"];
 }) => JSX.Element;
-export declare const ShapesSwitcher: ({ canvas, elementType, setAppState, onImageAction, }: {
+export declare const ShapesSwitcher: ({ canvas, elementType, setAppState, onImageAction, appState, }: {
     canvas: HTMLCanvasElement | null;
     elementType: AppState["elementType"];
     setAppState: React.Component<any, AppState>["setState"];
     onImageAction: (data: {
         pointerType: PointerType | null;
     }) => void;
+    appState: AppState;
 }) => JSX.Element;
 export declare const ZoomActions: ({ renderAction, zoom, }: {
     renderAction: ActionManager["renderAction"];

package/types/components/App.d.ts

@@ -3,8 +3,8 @@ import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
-import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData } from "../types";
-export declare const useIsMobile: () => boolean;
+import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, DeviceType } from "../types";
+export declare const useDeviceType: () => DeviceType;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
     id?: string | null | undefined;
@@ -14,7 +14,7 @@ declare class App extends React.Component<AppProps, AppState> {
     rc: RoughCanvas | null;
     unmounted: boolean;
     actionManager: ActionManager;
-    isMobile: boolean;
+    deviceType: DeviceType;
     detachIsMobileMqHandler?: () => void;
     private excalidrawContainerRef;
     static defaultProps: Partial<AppProps>;

package/types/shapes.d.ts

@@ -14,7 +14,7 @@ export declare const SHAPES: readonly [{
 }, {
     readonly icon: JSX.Element;
     readonly value: "ellipse";
-    readonly key: "e";
+    readonly key: "o";
 }, {
     readonly icon: JSX.Element;
     readonly value: "arrow";

package/types/types.d.ts

@@ -341,4 +341,8 @@ export declare type ExcalidrawImperativeAPI = {
     id: string;
     app: InstanceType<typeof App>;
 };
+export declare type DeviceType = {
+    isMobile: boolean;
+    isTouchScreen: boolean;
+};
 export {};

package/types/utils.d.ts

@@ -1,6 +1,6 @@
 import { EVENT } from "./constants";
 import { FontFamilyValues, FontString } from "./element/types";
-import { Zoom } from "./types";
+import { AppState, Zoom } from "./types";
 export declare const setDateTimeForTests: (dateTime: string) => void;
 export declare const getDateTime: () => string;
 export declare const capitalizeString: (str: string) => string;
@@ -31,7 +31,8 @@ export declare const removeSelection: () => void;
 export declare const distance: (x: number, y: number) => number;
 export declare const resetCursor: (canvas: HTMLCanvasElement | null) => void;
 export declare const setCursor: (canvas: HTMLCanvasElement | null, cursor: string) => void;
-export declare const setCursorForShape: (canvas: HTMLCanvasElement | null, shape: string) => void;
+export declare const setEraserCursor: (canvas: HTMLCanvasElement | null, theme: AppState["theme"]) => void;
+export declare const setCursorForShape: (canvas: HTMLCanvasElement | null, appState: AppState) => void;
 export declare const isFullScreen: () => boolean;
 export declare const allowFullScreen: () => Promise<void>;
 export declare const exitFullScreen: () => Promise<void>;
@@ -116,3 +117,4 @@ export declare const isTestEnv: () => boolean;
 export declare const wrapEvent: <T extends Event>(name: EVENT, nativeEvent: T) => CustomEvent<{
     nativeEvent: T;
 }>;
+export declare const updateObject: <T extends Record<string, any>>(obj: T, updates: Partial<T>) => T;