@haoxin-web/excalidraw 1.0.0 → 1.0.2

package/dist/prod/subset-shared.chunk.js

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-LS7FJGPW.js";import"./chunk-ZHX5UPTB.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};
+import{a,b,c,d}from"./chunk-LS7FJGPW.js";import"./chunk-T5E2FHQC.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};

package/dist/prod/subset-worker.chunk.js

@@ -1 +1 @@
-import{a as r,c as t}from"./chunk-LS7FJGPW.js";import"./chunk-ZHX5UPTB.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};
+import{a as r,c as t}from"./chunk-LS7FJGPW.js";import"./chunk-T5E2FHQC.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};

package/dist/types/excalidraw/actions/actionCanvas.d.ts

@@ -209,6 +209,7 @@ export declare const actionZoomIn: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
@@ -387,9 +388,9 @@ export declare const actionZoomIn: {
         captureUpdate: "EVENTUALLY";
     };
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionZoomOut: {
     name: "zoomOut";
@@ -399,6 +400,7 @@ export declare const actionZoomOut: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
@@ -577,9 +579,9 @@ export declare const actionZoomOut: {
         captureUpdate: "EVENTUALLY";
     };
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionResetZoom: {
     name: "resetZoom";
@@ -589,6 +591,7 @@ export declare const actionResetZoom: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
@@ -767,9 +770,9 @@ export declare const actionResetZoom: {
         captureUpdate: "EVENTUALLY";
     };
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
     bounds: SceneBounds;
@@ -1162,6 +1165,7 @@ export declare const actionZoomToFitSelectionInViewport: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -1339,9 +1343,9 @@ export declare const actionZoomToFitSelectionInViewport: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionZoomToFitSelection: {
     name: "zoomToFitSelection";
@@ -1350,6 +1354,7 @@ export declare const actionZoomToFitSelection: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -1527,9 +1532,9 @@ export declare const actionZoomToFitSelection: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionZoomToFit: {
     name: "zoomToFit";
@@ -1539,6 +1544,7 @@ export declare const actionZoomToFit: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -1716,9 +1722,9 @@ export declare const actionZoomToFit: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionToggleTheme: {
     name: "toggleTheme";
@@ -2280,6 +2286,7 @@ export declare const actionToggleHandTool: {
     };
     icon: import("react/jsx-runtime").JSX.Element;
     viewMode: false;
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
@@ -2450,7 +2457,7 @@ export declare const actionToggleHandTool: {
         };
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };

package/dist/types/excalidraw/components/Actions.d.ts

@@ -16,10 +16,11 @@ export declare const ShapesSwitcher: ({ activeTool, appState, app, UIOptions, }:
     app: AppClassProperties;
     UIOptions: AppProps["UIOptions"];
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ZoomActions: ({ renderAction, zoom, }: {
+export declare const ZoomActions: ({ renderAction, zoom, visible, }: {
     renderAction: ActionManager["renderAction"];
     zoom: Zoom;
-}) => import("react/jsx-runtime").JSX.Element;
+    visible?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export declare const UndoRedoActions: ({ renderAction, className, }: {
     renderAction: ActionManager["renderAction"];
     className?: string | undefined;

package/dist/types/excalidraw/components/App.d.ts

@@ -444,6 +444,7 @@ declare class App extends React.Component<AppProps, AppState> {
     }) => boolean;
     private updateCurrentCursorPosition;
     getEditorUIOffsets: () => Offsets;
+    zoomToFit: () => void;
     private onKeyDown;
     private onKeyUp;
     private isToolSupported;

package/dist/types/excalidraw/components/HandButton.d.ts

@@ -5,6 +5,7 @@ type LockIconProps = {
     checked: boolean;
     onChange?(): void;
     isMobile?: boolean;
+    visible?: boolean;
 };
-export declare const HandButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HandButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/excalidraw/components/LayerUI.d.ts

@@ -27,6 +27,9 @@ interface LayerUIProps {
     app: AppClassProperties;
     isCollaborating: boolean;
     generateLinkForSelection?: AppProps["generateLinkForSelection"];
+    showZoomActions?: boolean;
+    showPanActions?: boolean;
+    showToolBar?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, generateLinkForSelection, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, generateLinkForSelection, showZoomActions, showPanActions, showToolBar, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/types/excalidraw/components/LeftMainToolbar.d.ts

@@ -3,6 +3,7 @@ import type { AppClassProperties, UIAppState } from "../types";
 type Props = {
     appState: UIAppState;
     app: AppClassProperties;
+    visible?: boolean;
 };
 declare const LeftMainToolbar: React.FC<Props>;
 export default LeftMainToolbar;

package/dist/types/excalidraw/components/LeftToolFlyouts.d.ts

@@ -7,6 +7,7 @@ type Props = {
     app: AppClassProperties;
     actionManager: ActionManager;
     elements: readonly ExcalidrawElement[];
+    showToolBar?: boolean;
 };
 export declare const LeftToolFlyouts: React.FC<Props>;
 export default LeftToolFlyouts;

package/dist/types/excalidraw/components/MobileMenu.d.ts

@@ -20,6 +20,7 @@ type MobileMenuProps = {
     renderWelcomeScreen: boolean;
     UIOptions: AppProps["UIOptions"];
     app: AppClassProperties;
+    showPanActions?: boolean;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, UIOptions, app, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, UIOptions, app, showPanActions, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/footer/Footer.d.ts

@@ -1,11 +1,12 @@
 import type { ActionManager } from "../../actions/manager";
 import type { UIAppState } from "../../types";
 declare const Footer: {
-    ({ appState, actionManager, showExitZenModeBtn, renderWelcomeScreen, }: {
+    ({ appState, actionManager, showExitZenModeBtn, renderWelcomeScreen, showZoomActions, }: {
         appState: UIAppState;
         actionManager: ActionManager;
         showExitZenModeBtn: boolean;
         renderWelcomeScreen: boolean;
+        showZoomActions?: boolean | undefined;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/types.d.ts

@@ -478,6 +478,9 @@ export interface ExcalidrawProps {
     aiEnabled?: boolean;
     showDeprecatedFonts?: boolean;
     renderScrollbars?: boolean;
+    showZoomActions?: boolean;
+    showPanActions?: boolean;
+    showToolBar?: boolean;
 }
 export type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -648,6 +651,7 @@ export interface ExcalidrawImperativeAPI {
     getFiles: () => InstanceType<typeof App>["files"];
     getName: InstanceType<typeof App>["getName"];
     scrollToContent: InstanceType<typeof App>["scrollToContent"];
+    zoomToFit: InstanceType<typeof App>["zoomToFit"];
     registerAction: (action: Action) => void;
     refresh: InstanceType<typeof App>["refresh"];
     setToast: InstanceType<typeof App>["setToast"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haoxin-web/excalidraw",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "types": "./dist/types/excalidraw/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -91,9 +91,9 @@
     "es6-promise-pool": "2.5.0",
     "fractional-indexing": "3.2.0",
     "fuzzy": "0.1.3",
-    "@haoxin-web/excalidraw-common": "^1.0.0",
-    "@haoxin-web/excalidraw-element": "^1.0.0",
-    "@haoxin-web/excalidraw-math": "^1.0.0",
+    "@haoxin-web/excalidraw-common": "^1.0.1",
+    "@haoxin-web/excalidraw-element": "^1.0.1",
+    "@haoxin-web/excalidraw-math": "^1.0.1",
     "image-blob-reduce": "3.0.1",
     "jotai": "2.11.0",
     "jotai-scope": "0.7.2",