@myoc/element 0.19.541 → 0.19.543

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

@@ -1,16 +1,82 @@
-export declare const actionSmartZoom: {
-    name: "smartZoom";
-    label: string;
-    trackEvent: {
-        category: "toolbar";
+import type { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
+type SmartZoomTarget = readonly ExcalidrawElement[];
+export declare const SMART_ZOOM_KEY_HINT = "Press <kbd>F</kbd> quickly to smart zoom the canvas, or hold and click on an item to smart zoom to it";
+export declare const smartZoomKeyHeldAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const getNextSmartZoomImage: (elements: readonly NonDeletedExcalidrawElement[], elementsMap: NonDeletedSceneElementsMap, currentImageId: ExcalidrawElement["id"] | null, direction: "previous" | "next") => (Readonly<{
+    id: string;
+    x: number;
+    y: number;
+    strokeColor: string;
+    backgroundColor: string;
+    fillStyle: import("@excalidraw/element/types").FillStyle;
+    strokeWidth: number;
+    strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+    roundness: null | {
+        type: import("@excalidraw/element/types").RoundnessType;
+        value?: number;
     };
-    icon: import("react/jsx-runtime").JSX.Element;
-    viewMode: true;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: unknown, app: import("../types").AppClassProperties) => {
-        captureUpdate: "NEVER";
+    roughness: number;
+    opacity: number;
+    width: number;
+    height: number;
+    angle: import("@excalidraw/math").Radians;
+    seed: number;
+    version: number;
+    versionNonce: number;
+    index: import("@excalidraw/element/types").FractionalIndex | null;
+    isDeleted: boolean;
+    groupIds: readonly import("@excalidraw/element/types").GroupId[];
+    frameId: string | null;
+    boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
+    updated: number;
+    link: string | null;
+    locked: boolean;
+    customData?: Record<string, any>;
+}> & Readonly<{
+    type: "image";
+    fileId: import("@excalidraw/element/types").FileId | null;
+    fileName: string | null;
+    thumbHash: string | null;
+    status: "pending" | "saved" | "error";
+    scale: [number, number];
+    crop: import("@excalidraw/element/types").ImageCrop | null;
+    gifPlayback: import("@excalidraw/element/types").ExcalidrawGifPlayback | null;
+}> & {
+    isDeleted: false;
+} & Readonly<{
+    id: string;
+    x: number;
+    y: number;
+    strokeColor: string;
+    backgroundColor: string;
+    fillStyle: import("@excalidraw/element/types").FillStyle;
+    strokeWidth: number;
+    strokeStyle: import("@excalidraw/element/types").StrokeStyle;
+    roundness: null | {
+        type: import("@excalidraw/element/types").RoundnessType;
+        value?: number;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
-    PanelComponent: ({ data, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-} & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    roughness: number;
+    opacity: number;
+    width: number;
+    height: number;
+    angle: import("@excalidraw/math").Radians;
+    seed: number;
+    version: number;
+    versionNonce: number;
+    index: import("@excalidraw/element/types").FractionalIndex | null;
+    isDeleted: boolean;
+    groupIds: readonly import("@excalidraw/element/types").GroupId[];
+    frameId: string | null;
+    boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
+    updated: number;
+    link: string | null;
+    locked: boolean;
+    customData?: Record<string, any>;
+}>) | null;
+export declare const actionSmartZoom: import("./types").Action<SmartZoomTarget | null> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: import("../types").AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
+export {};

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

@@ -145,6 +145,9 @@ declare class App extends React.Component<AppProps, AppState> {
         y: number;
     } | null;
     private lastCompletedCanvasClicks;
+    private lastKeyboardSmartZoomImageId;
+    private smartZoomKeyDownAt;
+    private smartZoomKeyHitElement;
     /** previous frame pointer coords */
     previousPointerMoveCoords: {
         x: number;
@@ -560,6 +563,12 @@ declare class App extends React.Component<AppProps, AppState> {
         force?: boolean;
     }) => boolean;
     private updateCurrentCursorPosition;
+    private isPlainSmartZoomKey;
+    private updateSmartZoomCursor;
+    private resetSmartZoomKey;
+    private handleSmartZoomKeyDown;
+    private handleSmartZoomKeyUp;
+    private handleSmartZoomPointerDown;
     private onKeyDown;
     private onKeyUp;
     setActiveTool: (tool: ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/element",
-  "version": "0.19.541",
+  "version": "0.19.543",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -64,9 +64,9 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "npm:@myoc/common@0.19.541",
-    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.541",
-    "@excalidraw/math": "npm:@myoc/math@0.19.541",
+    "@excalidraw/common": "npm:@myoc/common@0.19.543",
+    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.543",
+    "@excalidraw/math": "npm:@myoc/math@0.19.543",
     "modern-gif": "2.1.0",
     "thumbhash": "0.1.1"
   }